/* CSS Document */
/* --- ecommerce2006fe.css -------------------------------------------------------- */
/* --- for ecommerce2006fe Dec 2005 ----------------------------------------------- */

/* --- default color scheme/theme stylesheet -------------------------------------- */
/* --- font-family, font-sizes, colors, backgrounds (+ images) -------------------- */
/* --- font-weight, font-styles, borders, text decoration  ------------------------ */


/* --- copyright Unipix software Dec 2005 ----------------------------------------- */
/* -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/* --- default html elements ------------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
* {}
div { }
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; background:#ffffff;}
br {}
a img, :link img, :visited img {border: none;}

hr { border:none; text-decoration: none; }
em {font-style: italic; }
strong {font-weight: bold;}
span {}
p {}

/* -------------------------------------------------------------------------------- */
/* --- default headings ----------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {  }
h1 {font-size: 160%; font-family: "Arial", Helvetica, sans-serif; color: #5191cd;}
h2 {font-size: 120%; font-family: verdana, arial, helvetica, sans-serif; background:#cc0000; color:#CCCC99;  border-bottom:1px solid #002E56; }
h3 {font-size: 110%; font-family: verdana, arial, helvetica, sans-serif; }
h4 {font-size: 100%; background:#000000; color:#fff; border-bottom:1px solid #cccccc;}
h5 {font-size: 100%; }
h6 {font-size: 100%; }
h3, h4, h5, h6 {}
h3 {}

/* -------------------------------------------------------------------------------- */
/* --- default lists -------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
ul {}
ul, ol {}

/* -------------------------------------------------------------------------------- */
/* --- default tables ------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
table {}
caption { color:indigo;  font-weight:bold; }
tr {border-top:1px solid white; border-bottom:1px solid white;}
tr:hover { } 
td {border: 1px solid white;}
tbody {}
th, td {}
tbody th { font-weight:normal;}
.oddrow, .altrow { } /* cataloguedetailproduct */
.evenrow {}


/* -------------------------------------------------------------------------------- */
/* --- default links -------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */

a {color: #5191cd; }
a:link {color: light Blue; text-decoration: none;}
a:visited {color: #999966;text-decoration: none;}
a:hover { text-decoration: underline;}
a:active {color: #0066CC; text-decoration: none;}


/* -------------------------------------------------------------------------------- */
/* --- default form elements ------------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
legend { font-weight:bold; color:#002E56;  font-size:120%;  }
fieldset {border: 1px solid silver;   } 
form, textarea {font-family: verdana, arial, helvetica, sans serif;}
textarea{ border:none;  color:black; background:#ffffff;  font-size:.9em;   }
label { }
select { font-size:90%; border:none; }
input.submit:active {border: 3px double #CCCCCC; border-top-color: #999999; border-left-color: #999999; }


/* -------------------------------------------------------------------------------- */
/* --- ids & classes used on multiple pages --------------------------------------- */
/* -------------------------------------------------------------------------------- */
#hideshowextras {}
.gutter {}
.topofpage {   }
.hide {}
.required {color:red; } /* contact form */
.6x6 {}
.thumb, .75x75 { background-image:  url(../Images/notavail.gif); background-repeat: no-repeat; 	background-position: 50% 50%;}
.fullsize, .200x200 { border:2px solid #000000 ; 	background-image:  url(../Images/notavail.gif); background-repeat: no-repeat; 	background-position: 50% 50%; }
.fullwidth {}
.validationfail {color:red; font-weight:bold;}
div.wrapper{   }
.multi {}
.button { color:blue;   }

/* -------------------------------------------------------------------------------- */
/* --- input boxes ---------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */

.textboxtotals{ border: none;  font-size:100%; font-family:inherit; }

/* -------------------------------------------------------------------------------- */
/* --- left/right halves and columns ---------------------------------------------- */
/* -------------------------------------------------------------------------------- */
.lefthalf {background:#D1D3D4; }
.righthalf { background:#D1D3D4;}

.leftcol {background:#ffffff; }
.rightcol {background:#ffffff; }

/* -------------------------------------------------------------------------------- */
/* --- left column ---------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
a.rightcol {}
td.leftcol{      }
span.leftcol { background:#ffffff;  font-weight:normal;    }
span.leftcolsingle {  background:#ffffff; font-weight:normal;     }
label.leftcol {    font-weight:normal;   }

/* -------------------------------------------------------------------------------- */
/* --- right column --------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
td.rightcol{       }
input.rightcol{ font-size:inherit; }
select.rightcol{     border:none; font-size:inherit; }
textarea.rightcol { background:#ffffff;  }
span.rightcol { background:#ffffff; font-weight:normal;  }

/* -------------------------------------------------------------------------------- */
/* --- common datagrid styles - for headers, footers and rows --------------------- */
/* -------------------------------------------------------------------------------- */
.gridstyles {background:#ffffff;  }
.gridheader  {background: #CC0000;	color: #CCCC99;	 font-weight:bold;}
.gridheaderlj {}
.griditem {background:#f4f4f4; }
.gridaltitem {background:#D1D3D4;   }
.gridedititem {background:#DFECF2;   }
.gridselitem {  }
.gridfooter { }
.gridpager  {  }
.griditem td a, .gridaltitem td a { color:#003366;}

/* -------------------------------------------------------------------------------- */
/* --------- special common datagrid styles for Order History --------------------- */
/* -------------------------------------------------------------------------------- */
#p-orderhistory table tr:hover {   color:Black; background:#5191cd;}
#p-orderhistorytable table tr:hover {   color:Black; background:none;}
.gridheader a:link { color: #CCCC99;   }
.gridheader a:visited{ color: #FF9900;   }
.griditem a:hover, .gridaltitem a:hover {color:#ffffff;}
.gridedititem a:link { color: #002E56;   }
.gridedititem a:hover { color: #CCCC99; background:#ffffff;  }

/* -------------------------------------------------------------------------------- */
/* --- common datagrid styles - for all columns (alphabetical order) -------------- */
/* -------------------------------------------------------------------------------- */
.gridavailable, 
.gridbuyprice,
.gridbackordnumber,
.gridbackordqty,
.gridconnotenumber,
.gridcustordnumber,
.griddeliveryqty,
.griddiscount,
.griddispatchdate,
.grideditqty, /* add or change quantity */
.gridextaxprice,
.gridextendedvalue,
.gridlastordqty,
.gridmodel,
.gridnextin,
.gridourorder,
.gridorderdate,
.gridpricebreakqty,
.gridproductcode,
.gridqty, /* display quantity */
.gridreqdate,
.gridsize,
.gridtax,
.gridvalueextax,
.gridyourorder {  }

.gridshowhide { }

.gridcolour,
.gridcurrentstatus,
.griddeliverymethod,
.gridproductdescription,
.gridunit,
.gridfilename,
.gridfiletype { }
.grideditqty {} /* add or change quantity */

/*Control hyperlink font color when mouse over the grid */
#p-editdraftorder table tr:hover a, #p-orderdetail table tr:hover a,
#p-ordersummary table tr:hover a, #p-printorder table tr:hover a,
#p-productdetail table tr:hover, #p-products table tr:hover,
#p-vieworder table tr:hover a, #p-backordersummary table tr:hover a, #p-catalogue table tr:hover a { color:#ffffff; background:#5191cd;}

#p-ordersummary table tr:hover, #p-fileupload tr:hover, #p-fileupload td:hover, #p-fileupload  table#gridFiles tr:hover{background:#000; color:#fff;}

/* control the Total background color and the font weight */
#p-customersummary label.total, #p-customersummary #lblOutstandingOrderTotal, #ordertotals  {background:#5191cd; font-weight:bold; color:#000;  }

/*frmOrderEntry - control the shopping cart grid mouse over effect.*/
#p-orderentry table tr:hover { color:#000; background:transparent; }
#p-catalogue tr.gridheader:hover a,#p-catalogue tr.gridheader:hover,
#p-backordersummary tr.gridheader:hover a, #p-orderentry tr.gridheader:hover {color:#FF9900; background:#000;}

/* control the table hover for the top button */
#p-catalogue .rightcol  tr:hover{ background:transparent;}

/*CatalogueDetailIndex.ascx - control the child index title and product title's font size, product desc and index desc font size and color. Product title color control under H2*/
#indexsummariesarea, #productsummariesarea  { font-size:100%; }

/*CatalogueDetailIndex.ascx - control index title's font color, bg color.*/
#indexsummariesarea .indexName { font-weight:bold; font-family: verdana, arial, helvetica, sans-serif; border-bottom:1px solid #cccccc; color:#ffb52d; background-color:maroon;}

/*Control the index image, product catalogue image and product detail image*/
img.thumb, img.fullsize, img.indexthumb {  border:1px solid #cccccc; background: white url(../Images/notavail.gif) no-repeat 50% 50%;}

/*Control the font size, font color of web description for the index*/
#index_description {}

/*product details - Contorl the font size, color for web description and product code for the product */
#p-catalogue .productdescription { }
#p-catalogue .prodcode { }
#p-catalogue .imageandcaption { border: 2px none blue; }

/*Product Details - Control the mouse over highlight for the size grid title.*/
#p-catalogue .titletable tr:hover {background:transparent; color:#000;} 

/*product details - Contorl the font size, color for title  of Price(Ex)*/
table#pricing  {font-size:100%;} 

/*Shopping cart - control the bgcolor, font size, font weight for the total charges div*/


/* -------------------------------------------------------------------------------- */
/* --- topframe - EcommerceHeader.aspx -------------------------------------------- */
/* -------------------------------------------------------------------------------- */
body#p-topframe {}

/* -------------------------------------------------------------------------------- */
/* --- top frame - navigation  ----------------------------------------------------- */
/* -------------------------------------------------------------------------------- */

/*TopLinkContorl.ascx - Control the top header bgcolor*/
#navwrap {  }

ul#nav, ul#subnav {}

/*TopLinkContorl.ascx - Control main menu bgcolor and font color*/
ul#nav {background:maroon; font-weight:bold;font-size:112%;}
#TopLevelList{background:#ffffff; padding-top:.5em;}
/*TopLinkContorl.ascx - Control sub menu bgcolor and font color*/
ul#subnav {background: #ffffff; }

/*TopLinkContorl.ascx - Control font size for both main  and sub menu. Control the position of main and sub menu*/
#nav li, #subnav li {   font-weight:bold;font-size:102%;list-style-type: none; margin:0 ;}

/*TopLinkContorl.ascx - Set the main menu position most left side compare with sub menu*/
ul#nav li {margin:0 -.35em; }

/*TopLinkContorl.ascx - Control hyperlink effect for main menu and sub menu to no underline*/
#nav a, #subnav a {  text-decoration:none; text-align:center;}

/*TopLinkContorl.ascx - Control the logout hyperlink*/
#nav li.t-logout {}

/*TopLinkContorl.ascx - Control the effect for hyperlink of main menu such as visited link, mouse over.*/
#nav a:link, #nav a:active {color: #FFFFFF; }
#nav a:visited {color: #FFB546; }
#nav a:hover {	color: #FFFFFF;background: #CC0000;}
#nav a:active {}

/*TopLinkContorl.ascx - Control the effect for hyperlink of sub menu such as visited link, mouse over.*/
#subnav a:link, #subnav a:visited{color: #000;}
#subnav a:visited {}
#subnav a:hover {color: #FFFFFF; background: #000000;}
#subnav a:active {color: #000000;}


/*CatalogueNavigatorControl2.ascx - Control the search box label font size, font color and label bgcolor */
div#searchform label {font-family: Arial, helvetica, verdana, sans-serif; font-size:120%;  font-weight:bold; border-bottom: 1px solid #cccccc; color:#fff;  background:#000 url("../Images/rightsideboth.gif") no-repeat right top; padding:1em;}
div#searchform  {background:#fff;  padding-bottom:1em; margin-bottom:3em;}

/*CatalogueNavigatorControl3.ascx - Control the catalogue hyperlink effect, font size, color, mouse over.*/
#Tree_CatTree a {font-size: 100%; color:#ffffff; }
#Tree_CatTree a:link {color: #003366;text-decoration: none; }
#Tree_CatTree a:visited {color: #003366; text-decoration: none;}
#Tree_CatTree a:hover {color:#ffffff;background:#CC0000; text-decoration: underline;}
#Tree_CatTree a:active, #Tree_CatTree a:focus {text-decoration: none;} 



/* -------------------------------------------------------------------------------- */
/* -- common paging bar ----------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */

#paging a, #paging span {}
.textboxpaging {  }
#paging {background:#D1D3D4;}

/* -------------------------------------------------------------------------------- */
/* -- Modify product walker image border, background color------------------------- */
/* -------------------------------------------------------------------------------- */
#p-catalogueshow .advimg {border-style:solid; border-color:#DADADA; border-width:1px thin; height:200px;}
#p-catalogueshow .details { border-style:solid; border-color:#DADADA; border-width:1px thin; }
#p-catalogueshow img.thumb {  border:1px solid #cccccc; background: #ffffff url(../Images/notavail.gif) no-repeat 50% 50%;}

/*************************************************************************************************************/

/* -------------------------------------------------------------------------------- */
/* --- errors on frmConfirmOrder.aspx and frmConfirmDraft.aspx pages ---------------*/ 
/* -------------------------------------------------------------------------------- */
ul#confirmerrors {   }
ul#confirmerrors li { color:red; font-weight:bold;}

/* -------------------------------------------------------------------------------- */
/* --- common search & button bar ------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#buttonbar {background:#D1D3D4;}
#buttonbar .lblsearch {} 

/* -------------------------------------------------------------------------------- */
/* --- search results ------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
span#lblProductDescription.searchresultstext {  font-weight:bold; font-size:140%; font-family:Arial, Helvetica, sans-serif;   }

/* -------------------------------------------------------------------------------- */
/* --- common order totals bar ---------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#ordertotals .textlabel { font-weight:bold;}
#ordertotals input {  font-size:inherit; border:none;  }
#ordertotals input.totalextax, #ordertotals input.totalvalue {  }
#ordertotals input.totaltax {  }

/* -------------------------------------------------------------------------------- */
/* --- CC payment details on frmConfirmOrder.aspx & frmConfirmDraft.aspx ---------- */
/* -------------------------------------------------------------------------------- */
#expmonth, #expyear { }
select#cmbYear, select#cmbMonth {  }

/* -------------------------------------------------------------------------------- */
/* --- siebar box common to static pages, CatalogueDetailIndex and ---------------- */
/* --- CatalogueDetailProduct ----------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
.box {text-transform: lowercase; color: #000000; background: white; background-image: url(box_b.gif);
	background-repeat: no-repeat;
	background-position: bottom right; border:1px solid silver;}
.box h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 125%; font-weight:bold; 	color: black;	background-image: url(box_t.gif);
	background-repeat: no-repeat;
	background-position: top left; 	}

.box ul { }
.box li { }
.box ul li { list-style:square; color:black;	text-decoration:none;  }
.box li a {}
.box ul li a:visited {}
.box ul li a:hover{text-decoration:underline; color:#000;  }
.box ul li a:link, .box ul li a:active, .box ul li a:focus { }

/* --- static pages --- */
.box#loginbox h3 {background:yellow;}
.box#newsbox h3{background:magenta;}
.box#newsletterbox h3 {background:orange;}
.box#custservbox h3 {background: red;}
.box#aboutbox h3 {background:cyan;}
.box#sitebox h3 {background:lime;}
.box#helpbox h3 {background:powderblue;}
.box#contactbox h3 {background:tan;}
.box p, .box ul, .box form, .box#newsletterbox a { }
.box form {}
.box#loginbox h3 a, .box#newsbox h3 a, .box#newsletterbox h3 a{}

/* -------------------------------------------------------------------------------- */
/* --- Security ------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/* --- B2B login - frmLogin.aspx -------------------------------------------------- */
/* -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/* --- login page body ------------------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
body#p-login {  font-size:80%; background-color:#fff;}
#p-login #Form1  {border: 1px solid #002E56;  font-size:85%;}

/* -------------------------------------------------------------------------------- */
/* --- login header --------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#p-login #companylogo {}
#p-login #loginheader {border-bottom: 1px solid silver; background:#ffffff; }
#loginheader img {}
p.version {}

/* -------------------------------------------------------------------------------- */
/* --- login id/password & validation --------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#p-login form#Form1 fieldset {border:.5em solid silver; background:#ffffff;  text-align: left;  }
#p-login form#Form1 legend {}
#p-login #Form1 label { }
#p-login #Form1 input#txtuserid, #Form1 input#txtpassword {  }
#lblComment { color:red; }
.btn-login {}
p.errormessage { color:red;}
#RequiredFieldValidator1, #RequiredFieldValidator2 {} 
#RequiredFieldValidator2 {}

/* -------------------------------------------------------------------------------- */
/* --- login form area ------------------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
#logmein { }
#logmein.gutter {}

/* -------------------------------------------------------------------------------- */
/* --- login messages area -------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#loginmessages { background:#ffffff;}

/* -------------------------------------------------------------------------------- */
/* --- login footer --------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#loginfooter {background-color:#ffffff;  border-top: 1px solid silver;}
#loginfooter a:link {text-decoration:none; }
#loginfooter a:visited {}
#loginfooter a:hover {text-decoration:underline;  }
#loginfooter a:active {}
ul#footerimages {   } 
ul#footerimages li {}
ul#footerimages li a {}
.poweredby {font-weight:normal;  }
p.copyright {}

/* -------------------------------------------------------------------------------- */
/* --- error page body ------------------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
body#p-error, body#p-securitycheck {font-size:70%; }
body#p-securitycheck#Form1 { }

/* -------------------------------------------------------------------------------- */
/* --- error page content --------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#errorcontent, #securitycontent { border:1px solid red; background:#ffffff;}
#errorcontent h1, #securitycontent h1 {background: red url(../Images/warning.gif) no-repeat 1.5em .5em; }
#errorcontent p, #securitycontent p {line-height:150%;}
#errorcontent ul li, #securitycontent ul li {list-style-type:square;  }
#errorcontent ol li, #securitycontent ol li {list-style-type:decimal;  }

/* -------------------------------------------------------------------------------- */
/* --- frmGenericError.aspx ------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
body#p-genericerror {}

/* -------------------------------------------------------------------------------- */
/* --- EComchangepassword.aspx ---------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
body#p-changepassword {}

/* -------------------------------------------------------------------------------- */
/* --- changepassworddialog.aspx -------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
body#p-changepwddialog {}


/* -------------------------------------------------------------------------------- */
/* --- formexit.htm --------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
body#p-formexit {}

/* -------------------------------------------------------------------------------- */
/* --- LicenseExpiry.aspx --------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
body#p-licenseexpiry {}

/* -------------------------------------------------------------------------------- */
/* --- top frame - logo and banner ------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
#banner {}
/* this rule gives the banner images the correct dimensions if you want to display them */
#banner img { }
/* if you don't want to see the banners, set the height and width of "#banner img" to 0. */
#banner img {}
/* Leave "#banner" with a height unless you want to also hide the logo */
#companylogo, #banner { }



/* -------------------------------------------------------------------------------- */
/* --- leftframe - EcommerceLeft.aspx --------------------------------------------- */
/* -------------------------------------------------------------------------------- */
body#p-leftmenu {background:#ffffff;}
body#p-leftmenu { }
body#p-leftmenu #TheForm { }
body#p-leftmenu #TheForm.gutter {}

/* -------------------------------------------------------------------------------- */
/* --- left frame logo ------------------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
#p-leftmenu img#companylogo {} /* hide it here if it's being displayed in the top frame */
#p-leftmenu .gutter {}

/* -------------------------------------------------------------------------------- */
/* --- left frame search form ----------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#searchform {background:#ffffff;  color:#002E56; border: 1px solid silver; margin-top: 1.5em;}
#searchform input.textboxinput {}
#searchform input.searchbutton {  font-weight:normal;  text-transform:uppercase; }
#searchform label{ font-family: Arial, helvetica, verdana, sans-serif; font-size:120%;  font-weight:bold; border-bottom: 1px solid #D1D3D4;}

div#searchform, #cataloguetree { margin:0 0 0 1em; padding: 0 ; display:block; width:100%;}

div#searchform, #cataloguetree{ width:96%; padding:0; margin:2%; }
div#searchform, #cataloguetree{   border: 1px solid #ccc; background:#fff; padding:0;}
div#searchform label, #cataloguetree h2 {font-family: Arial, helvetica, verdana, sans-serif; font-size:120%;  font-weight:bold; border-bottom: 1px solid #cccccc; color:#000; padding:1em;}
div#searchform  {background:#fff;  padding-bottom:1em; margin-bottom:3em;}

#searchform a:link {color: #003366;text-decoration: none; }
#searchform a:visited {color: #003366; text-decoration: none;}
#searchform a:hover {color:#ffffff; background:#CC0000; text-decoration: underline;}
#searchform a:active, #searchform a:focus {color: #003366; font-size:110%; font-weight: bold; text-decoration: none;} 
#searchform a {font-size: 100%; color:#ffffff; }

#searchform1 {background:#ffffff;  color:#002E56; border: 1px solid silver; margin-top: 1.5em;}
#searchform1 input.textboxinput {}
#searchform1 input.searchbutton {  font-weight:normal;  text-transform:uppercase; }
#searchform1 label{ font-family: Arial, helvetica, verdana, sans-serif; font-size:120%;  font-weight:bold; border-bottom: 1px solid #D1D3D4;}


/* -------------------------------------------------------------------------------- */
/*--- left frame tree menu ---------------------------------------------------------*/
/* -------------------------------------------------------------------------------- */
#cataloguetree{ background:#ffffff;   border: 1px solid silver;}
#cataloguetree h2 {font-family: Arial, helvetica, verdana, sans-serif; font-size:120%;  font-weight:bold; border-bottom: 1px solid #cccccc; color:#002E56; background:#ffffff;}
span#Tree_CatTree {}
#Tree_CatTreeSel {font-weight:bold; font-style:italic;}
#cataloguetree#Tree_CatTree {font-size:100%;}

#Tree_CatTree img {}

#cataloguetree tr, #cataloguetree td{ border-top:1px none white; border-bottom:1px none white; border:none;}
#p-leftmenu #Tree_CatTree table tr:hover {background:#CC0000; color:#ffffff;}

/* styles for each each level of the menu */
#cataloguetree table tr.level0 {background:#fff;}
#cataloguetree table tr.level1 {background:#E0E0E0;}
#cataloguetree table tr.level2 {background:#C2C2C2;}
#cataloguetree table tr.level3 {background:#A3A3A3}
#cataloguetree table tr.level4 {background:#858585}
#cataloguetree table tr.level5 {background:#666;}
#cataloguetree table tr.level6 {background:orange;}
#cataloguetree table tr.level7 {background:gold;}
#cataloguetree table tr.level8 {background:pink;}
#cataloguetree table tr.level9 {background:powderblue;}

/*
#cataloguetree table tr.level0 {background:#c5d4e1;}

#cataloguetree table tr.level1 {background:#b6cad9;}
#cataloguetree table tr.level2 {background:#a8bfd2;}
#cataloguetree table tr.level3 {background:#99b4ca;}
#cataloguetree table tr.level4 {background:#8baac3}
#cataloguetree table tr.level5 {background:magenta;}
#cataloguetree table tr.level6 {background:orange;}
#cataloguetree table tr.level7 {background:gold;}
#cataloguetree table tr.level8 {background:pink;}
#cataloguetree table tr.level9 {background:powderblue;} */




/* -------------------------------------------------------------------------------- */
/* --- frmOnlineUpload.aspx ------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
body#p-fileupload { }
#p-fileupload form#Form1 {}
#p-fileupload fieldset#fileselections {background:#ffffff;}
#p-fileupload fieldset#fileslist {background:#ffffff;}
#p-fileupload legend {font-weight:bold; font-size:110%;}
#p-fileupload .filename {   }
#p-fileupload .filetype {    }

#p-fileupload label.leftcol {}
#p-fileupload  .centercol {     }
#p-fileupload  input#txtFile { }
#p-fileupload  input#txtFile.textboxnumeric { }
#p-fileupload  select#cmbFileType {   border:none;}
#p-fileupload  .rightcol {  }
#p-fileupload div#fileupload {}
#p-fileupload  .addbutton {   }
#p-fileupload #gridFiles .Table_Pager {} /* same as common pager */
/* --- these styles same as common grid styles --- */
#p-fileupload #gridFiles .Table_Background {  }
#p-fileupload #gridFiles .Table_Pager { background:#D1D3D4;  }
#p-fileupload #gridFiles .TableHeading_Background  {background:#002E56;	 font-weight:bold;   }
#p-fileupload #gridFiles .TableHeading_Left { background:#002E56;	color:#ffffff;}
#p-fileupload #gridFiles tr.Table_OddRow {background:#f4f4f4;  }
#p-fileupload #gridFiles tr.Table_EvenRow {background:#D1D3D4;   }
#p-fileupload  input.Input_Text_Optional_Single_Line {}

/* -------------------------------------------------------------------------------- */
/* --- contentframe Generated content: catalogue pages ---------------------------- */
/* -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/* --- CatalogueDetail.aspx ------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
body#p-catalogue {margin:0; padding:0;  background: url(../Images/bg_default.gif) repeat-y 69% top; }
#p-catalogue form#TheForm {  }



/* -------------------------------------------------------------------------------- */
/* --- content wrapper - wraps maincontent and sidebarlinks ----------------------- */
/* -------------------------------------------------------------------------------- */

#p-catalogue #contentwrapper { float:left; width:70%; margin-right:4%;}

/* -------------------------------------------------------------------------------- */
/* --- bookmarks ------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
ul#bookmarks {     font-size:90%;}
ul#bookmarks{  }
ul#bookmarks img { }
ul#bookmarks li {  font-size:100%;list-style-type: none; }
#bookmarks a, #bookmarks a:link { color: navy; text-decoration:none; }
#bookmarks a:hover {	text-decoration:underline;}
#bookmarks a:active {}
ul#bookmarks {}
ul#bookmarks li#basket, ul#bookmarks li#bookmarkit, ul#bookmarks li#copypage, ul#bookmarks li#printpage { }
ul#bookmarks li#copypage {}

/* -------------------------------------------------------------------------------- */
/* --- pagetitle ------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------- */

#p-catalogue h1 {color:#002E56; border-bottom: 1px solid #cccccc;}

/* -------------------------------------------------------------------------------- */
/* --- contentplacer -------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#p-catalogue #maincontent { margin-top:1em; float:left; width:100%; }
#maincontent.gutter {padding: .5em 0 0 0; }

/* -------------------------------------------------------------------------------- */
/* --- contentplacer -------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#p-catalogue #maincontent {   }
#maincontent.gutter {}

/* -------------------------------------------------------------------------------- */
/* --- links placer --------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#p-catalogue #sidebarlinks { }

#sidebarlinks.gutter {}
#sidebarlinks h3 {font-size:110%; }

/* -------------------------------------------------------------------------------- */
/* --- CatalogueDetailIndex.ascx -------------------------------------------------- */
/* -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/* --- page view options in CatalogueDetailIndex.ascx ----------------------------- */
/* -------------------------------------------------------------------------------- */
ul#viewoptions { font-size:90%;  list-style-type:none; }
#viewoptions li {  list-style-type:none; }
.detailview { }
.thumbview { }
.viewtext {}

/* -------------------------------------------------------------------------------- */
/* --- CommonPagerEcommerce.ascx -------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
ul.commonpagenav {background:#D1D3D4; font-size:90%; list-style-type:none; height:2.5em;}
.commonpagenav li { list-style-type:none; }

.thefirstlink, #DetailLoader__ctl0__ctl0_FirstLink, #DetailLoader__ctl0__ctl1_FirstLink,
.thelastlink, #DetailLoader__ctl0__ctl0_LastLink, #DetailLoader__ctl0__ctl1_LastLink,
.previouslink1, #DetailLoader__ctl0__ctl0_PrevLink, #DetailLoader__ctl0__ctl1_PrevLink, 
.previouslink2, #DetailLoader__ctl0__ctl0_PrevLink2, #DetailLoader__ctl0__ctl1_PrevLink2,
.previouslink3, #DetailLoader__ctl0__ctl0_PrevLink3, #DetailLoader__ctl0__ctl1_PrevLink3,
.nextlink1, #DetailLoader__ctl0__ctl0_NextLink, #DetailLoader__ctl0__ctl1_NextLink,
.nextlink2, #DetailLoader__ctl0__ctl0_NextLink2, #DetailLoader__ctl0__ctl1_NextLink2,
.nextlink3, #DetailLoader__ctl0__ctl0_NextLink3, #DetailLoader__ctl0__ctl1_NextLink3 { }

.thefirstlink, #DetailLoader__ctl0__ctl0_FirstLink, #DetailLoader__ctl0__ctl1_FirstLink,
 {}
.thelastlink, #DetailLoader__ctl0__ctl0_LastLink, #DetailLoader__ctl0__ctl1_LastLink { }
.pagetext {}
#DetailLoader__ctl0__ctl0_PageInput, #DetailLoader__ctl0__ctl1_PageInput { font-size:90%; }
#DetailLoader__ctl0__ctl0_PageGo, #DetailLoader__ctl0__ctl1_PageGo { font-size:90%;}
.howmanypages, #DetailLoader__ctl0__ctl0_PageCountLabel, #DetailLoader__ctl0__ctl1_PageCountLabel  { }

ul.validation { color:red; font-weight:bold; font-size:90%; list-style-type:none;}


/* -------------------------------------------------------------------------------- */
/* --- display the index and product summaries in CatalogueDetailIndex ------------ */
/* -------------------------------------------------------------------------------- */
#indexsummariesarea { font-size:100%;}
#productsummariesarea { font-size:100%;}
div#indexsummariesarea h2 { border-bottom:1px none #002E56; background:Maroon;}
div#productsummariesarea h2 { background:Maroon; }
#indexsummariesarea span {  }

div#productsummariesarea h2 {}
#productsummariesarea span { }

.indexsummary { }
.productsummary { }
div#DetailLoader__ctl0_IndexSummaries { }
div#DetailLoader__ctl0_ProductSummaries {}
table#DetailLoader__ctl0_ProductSummaryDetails { }
#indexsummariesarea br, #productsummariesarea  br {}

/*----------------------------------------------------------------*/
/*--Extra added for vertical display of product indexes in table--*/
/*----------------------------------------------------------------*/
#indexsummariesarea table tr:hover {background:white; color:black; }



/* -------------------------------------------------------------------------------- */
/* --- siebar box common to static pages, CatalogueDetailIndex and ---------------- */
/* --- CatalogueDetailProduct ----------------------------------------------------- */
/* -------------------------------------------------------------------------------- */

.box ul { }
.box li { }
.box ul li { list-style:square; color:#000000;	text-decoration:none;  }
.box li a {}
.box ul li a:visited {}
.box ul li a:hover{ }
.box ul li a:link, .box ul li a:active, .box ul li a:focus { }

/* --- static pages --- */
#sidebar #loginbox .box h3 {background:yellow;}
.box#newsbox h3{background:magenta;}
.box#newsletterbox h3 {background:orange;}
.box#custservbox h3 {background: red;}
.box#aboutbox h3 {background:cyan;}
.box#sitebox h3 {background:lime;}
.box#helpbox h3 {background:powderblue;}
.box#contactbox h3 {background:tan;}
.box p, .box ul, .box form, .box#newsletterbox a { }
.box form {}
.box#loginbox h3 a, .box#newsbox h3 a, .box#newsletterbox h3 a{}


/* --- sidebarbox in CatalogueDetailIndex and CatalogueDetailProduct -------------- */
/* -------------------------------------------------------------------------------- */
/* --- CatalogueDetailIndex and CatalogueDetailProduct pages ---------------------- */
.box#loginbox h3,
.box#newsbox h3,
.box#newsletterbox h3,
.box#custservbox h3,
.box#aboutbox h3,
.box#sitebox h3,
.box#helpbox h3,
.box#contactbox h3,
.box#moreinfo h3,
.box#alternate h3,
.box#complementary h3,
.box#superceded h3,
.box#other h3 {	background: #5191cd url("../Images/rightsideboth.gif") no-repeat right top; color:#ffffff; padding:.25em ;}
.box h3 a:link {color:#ffffff;}

.box {text-transform: lowercase; color: #000000; background: #ffffff;   border:1px solid #000;}
.box h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 125%; font-weight:bold; 	color: #000000;	background:  url("../Images/rightsideboth.gif") no-repeat right top; 	}

/* -------------------------------------------------------------------------------- */
/* --- CatalogueDetailIndex.ascx - product catalogue details view ----------------- */
/* --- see datagrids styles ------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/* --- CatalogueProductShowPage.aspx for rotating promo tool ---------------------- */
/* -------------------------------------------------------------------------------- */
body#p-catalogueshow {background:#fffff; }

/* -------------------------------------------------------------------------------- */
/* --- CatalogueProductShow.ascx for rotating promo tool -------------------------- */
/* -------------------------------------------------------------------------------- */
#p-catalogueshow legend {font-weight:bold; color: #002E56; font-size:120%; }
#p-catalogueshow fieldset  {border: 3px solid #002E56;    }
#p-catalogueshow ul#PaneLinksArea {   }
#p-catalogueshow li#Panelinks, #p-catalogueshow li#Panelinks1 { list-style-type:none;}
#p-catalogueshow .selPaneLink {  border:1px solid #5191cd; background: #eeeeee; }
#p-catalogueshow .selPaneLink a:link, #p-catalogueshow .selPaneLinkimg a:link, #p-catalogueshow .PaneLink a:link, #p-catalogueshow .PaneLinkimg a:link{  text-decoration:none; }
#p-catalogueshow .PaneLink, #p-catalogueshow .PaneLinkimg, #p-catalogueshow .selPaneLink, #p-catalogueshow .selPaneLinkimg {  }
#p-catalogueshow #ProductShowPanes { }
#p-catalogueshow #ShowPanes, #p-catalogueshow #ShowPanes1 {border-top: 1px solid #5191cd border-bottom:1px solid  #000; }
#p-catalogueshow #product_more #viewpdf {}
#p-catalogueshow #footernav  {  }
#p-catalogueshow #footernav  ul, #p-catalogueshow #footernav1 ul {list-style-type: none;}
#p-catalogueshow #footernav li {   }
#p-catalogueshow #footernav  li a, #p-catalogueshow #footernav1 li a { background:#5191cd; color:white; text-align: center; text-transform:uppercase;  font-weight:bold; text-decoration:none;}
#p-catalogueshow #footernav li a:hover, #p-catalogueshow #footernav1 li a:hover {color:#5191cd; background:#DFECF2; }


#p-catalogueshow table tr:hover { background-color:Transparent; color:#000;}

#p-catalogueshow h5 {text-transform: uppercase; background: transparent url('../images/block_header.gif') no-repeat top left; 
                     font-weight: bold;	font-size: 1.2em; padding-left:0.5em; padding-top:2px; line-height:1.3em; 
                     color: #374853; height: 17px;}
#p-catalogueshow #paneswrap{ background-color:transparent;}


/* -------------------------------------------------------------------------------- */
/* --- these styles common in CatalogueProductShow.ascx, -------------------------- */ 
/* --- CatalogueDetailIndex.ascx, CatalogueDetailProduct.ascx --------------------- */
/* -------------------------------------------------------------------------------- */
#p-catalogueshow h2, #p-catalogue h2  { font-size:100%;  }

/* -------------------------------------------------------------------------------- */
/* --- CatalogueDetailProduct.ascx ------------------------------------------------ */
/* -------------------------------------------------------------------------------- */
#p-catalogue p {font-size:100%; }
#p-catalogue p.productdescription {font-size:100%; }
#p-catalogue #product_more li a {font-size:100%;}

.itemdescription { }
.listitem { }

ul#product_more { list-style-type:none; }
#product_more li {text-decoration:none; }
#product_more li a, li#product_more li a:link{text-decoration:none; }
#product_more #moreinfo {}



/* -------------------------------------------------------------------------------- */
/* --- pricing and ordering in CatalogueDetailProduct.ascx ------------------------ */
/* --- on frmProduct.aspx, pricing is in a datagrid  ------------------------------ */
/* -------------------------------------------------------------------------------- */
table#pricing {   font-size:100%;} /* CatalogueDetailProduct.ascx */
th.price, th.quantitybreak, th.order {background:#CC0000; color:#ffffff;}

td.price  {  }
td.quantitybreak {    }
td.quantityinput input{ }
td.ordernow {}
.ProductinBasket{ color:white; background:red;}

tr.basket, tr.qtyerror  {   border:none;}
#DetailLoader__ctl0_OrderQuantity {}
#availqty {}
#p-catalogue table#pricing h2 {}

#p-catalogue h2.priceqty {}

/* -------------------------------------------------------------------------------- */
/* --- frmProduct.aspx --- */
/* -------------------------------------------------------------------------------- */
body#p-productdetail {}
#p-productdetail h2 {font-size:120%; text-align:center;}
#p-productdetail #lblProductDescription { font-size:150%;  }
#p-productdetail p {font-size:100%; }

/* --- sidebar - image and links --- */
#p-productdetail #sidebar {   border: 2px none blue; }
#p-productdetail #lblProductCode { text-transform:lowercase;   font-size:100%;}
#p-productdetail ul#sidebarlinks { list-style-type:none; background:#5191cd;color:#ffffff; }
#p-productdetail ul#sidebarlinks a:link{color:#ffffff; padding:1em;}
#p-productdetail .gridheader {background:#5191cd;color:#ffffff;}
#sidebarlinks li {line-height:2em;}
/* --- main content --- */
#p-productdetail #maincontent {  }
#p-productdetail textarea.productdescription {    border:none;  font-size:100%;}

/* --- product detail, availability, ordering --- */
#p-productdetail .lefthalf {}
#p-productdetail .righthalf { }
#p-productdetail .grideditqty {  }

#p-productdetail a:link {color:#ffffff;}
#p-productdetail a:visited {}
#p-productdetail a:hover {color:#ffffff; background:#002E56;}
#p-productdetail a:active {}

/* -------------------------------------------------------------------------------- */
/* --- frmProducts.aspx ----------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
body#p-products {}
#lblProductDescription { font-weight:bold; }

/* -------------------------------------------------------------------------------- */
/* --- contentframe Generated content: order pages -------------------------------- */
/* -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/* --- B2B home page - frmCustomer.aspx ------------------------------------------- */
/* -------------------------------------------------------------------------------- */
body#p-customersummary {}
#p-customersummary h1 {}

/* control title for each table. */
#p-customersummary h2 {}

/* control the div bgcolor*/
#p-customersummary #ordersummary, #p-customersummary #accbalsummary { background:#eeeeee; }
#p-customersummary #deliverydetail, #p-customersummary #userprofile { background:#eeeeee;  }
#p-customersummary textarea { }
#p-customersummary label.contactemail {}
#p-customersummary #lblContactName,
#p-customersummary #lblContactPhone,
#p-customersummary #lblContactFax,
#p-customersummary #lblAccountNo,
#p-customersummary #lblContactEMail,
#p-customersummary #lblDeliveryMethod {  }

/*control multi line txt box font color, size*/
#p-customersummary textarea#txtDeliveryAddress,
#p-customersummary textarea#txtPostalAddress,
#p-customersummary textarea#txtDeliveryInstructions { }
/* -------------------------------------------------------------------------------- */
/* --- B2B home page - frmRequestforQuotation.aspx ------------------------------------------- */
/* -------------------------------------------------------------------------------- */
body#p-RequestforQuotation {background:#ffffff;}
#p-RequestforQuotation h1 {font-size: 150%; font-family: "Arial", Helvetica, sans-serif;}
#p-RequestforQuotation h2 {background:#CC0000; color:#CCCC99; font-size:120%; border-bottom:1px solid #002E56;}
#p-RequestforQuotation table {  background-color: #fff;}
#p-RequestforQuotation td {border: 2px solid  #D1D3D4; background-color: #fff; padding:4px;}
#p-RequestforQuotation tr { background-color: #fff; }
#p-RequestforQuotation table#QtyTable {  background-color: #fff; width:400px}
#p-RequestforQuotation textarea{background:#ffffff;	border: 1px solid #999999;float:left}
#p-RequestforQuotation #Quotation{ background:#D1D3D4;}




/* -------------------------------------------------------------------------------- */
/* --- frmBackOrders.aspx --------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
body#p-backordersummary {}

/* -------------------------------------------------------------------------------- */
/* --- hide or show more details--------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#p-backordersummary #hideshowextras {}
#p-backordersummary div#hideshowextras {background:#D1D3D4;}
#p-backordersummary .lefthalf, #p-backordersummary .righthalf{}
#p-backordersummary .leftcol {}
#p-backordersummary  td {}
#p-backordersummary #lDeliveryMethod {}
#p-backordersummary span#lblDeliveryMethod { }
#p-backordersummary #lDeliveryAddress {}
#p-backordersummary #txtDeliveryAddress {}
#p-backordersummary #lDeliveryInstructions {}
#p-backordersummary #txtDeliveryInstructions {}
#p-backordersummary #lProductText {}
#p-backordersummary #txtProductText {}
#p-backordersummary #lBackOrderNumber {}
#p-backordersummary lOrderWeight {}
#p-backordersummary #lCurrencyDescription {}
#p-backordersummary #lForeignValue {}

#p-backordersummary #lOrderNumber,
#p-backordersummary #cmdOrderNumber, 
#p-backordersummary #lblBackOrderNumber,
#p-backordersummary #lblOrderWeight,
#p-backordersummary #lblCurrencyDescription, 
#p-backordersummary #lblForeignValue {}

/* -------------------------------------------------------------------------------- */
/* --- frmOrderEntry.aspx and frmEditDraft.aspx use the same grid ----------------- */
/* -------------------------------------------------------------------------------- */
body#p-orderentry, body#p-editdraftorder {}
#p-orderentry h2, #p-editdraftorder h2 {}



#p-orderentry td.gridheader, #p-editdraftorder td.gridheader  { }
#p-orderentry .gridheaderlj, #p-editdraftorder .gridheaderlj {}
#p-orderentry tr.gridpager, #p-editdraftorder tr.gridpager {  font-weight:bold;}
#p-orderentry div.details, #p-editdraftorder div.details {  }
#p-orderentry div.details .grideditqty, #p-editdraftorder div.details .grideditqty {  border:none; font-size:1em; font-family:inherit;  color:Black;}
#p-orderentry div.details .gridqty, #p-editdraftorder div.details .gridqty { }
#p-orderentry div.details .gridunit, #p-editdraftorder div.details .gridunit  {}
#p-orderentry div.details .gridextaxprice, #p-editdraftorder div.details .gridextaxprice { }
#p-orderentry div.details .gridtax, #p-editdraftorder div.details .gridtax { }
#p-orderentry div.details .gridextendedvalue, #p-editdraftorder div.details .gridextendedvalue  { }


#p-orderentry .gridheader a:link, #p-editdraftorder .gridheader a:link { color: #002E56;   }
#p-orderentry .gridheader a:visited, #p-editdraftorder .gridheader a:visited {  color: #002E56;  }
#p-orderentry .griditem a:hover, #p-orderentry .gridaltitem a:hover, #p-editdraftorder .griditem a:hover, #p-editdraftorder .gridaltitem a:hover {color:#ffffff; background:#002E56;}
#p-orderentry .gridedititem a:hover, #p-editdraftorder .gridedititem a:link { color: #ffffff;   }
#p-orderentry .gridedititem a:hover, #p-editdraftorder .gridedititem a:visited { color: #002E56;   }
#p-orderentry .gridedititem a:hover, #p-editdraftorder .gridedititem a:hover  { color: #ffffff;  background:#002E56; }
#p-orderentry .gridedititem a:hover, #p-editdraftorder .gridedititem a:active { color: #ffffff;   }


/* -------------------------------------------------------------------------------- */
/* --- 1/3 and 2/3 for prod code and description columns -------------------------- */
/* -------------------------------------------------------------------------------- */
#p-orderentry .leftcol, #p-editdraftorder .leftcol  {  font-size:90%; font-weight:normal;  color:black;}
#p-orderentry .leftcolsingle, #p-editdraftorder .leftcolsingle {   font-weight:normal;  font-size:90%;}
#p-orderentry .rightcol, #p-editdraftorder .rightcol  { }
#p-orderentry .usercomment {  color:black; }
#p-orderentry select.rightcol, #p-editdraftorder select.rightcol {   line-height:1em;}

/* -------------------------------------------------------------------------------- */
/* --- frmConfirmOrder.aspx and frmConfirmDraft.aspx------------------------------- */
/* -------------------------------------------------------------------------------- */
body#p-confirmorder, body#p-confirmdraftorder {}
#p-confirmdraftorder h2 {font-size:120%;  }
#p-confirmorder h3, #p-confirmdraftorder h3 {font-size:110%; }
#p-confirmorder div.wrapper, #p-confirmdraftorder div.wrapper{ }
#p-confirmorder table#pnlPayment, #p-confirmdraftorder table#pnlPayment {}
#p-confirmorder input#rdoOffline, #p-confirmdraftorder input#rdoOffline {}
#p-confirmorder table#pnlOnline, #p-confirmdraftorder table#pnlOnline  { font-weight:normal; }
#p-confirmorder table#pnlOffline, #p-confirmdraftorder table#pnlOffline {font-weight:normal;}
#p-confirmorder table#pnlPaymentOptions tr, #p-confirmdraftorder table#pnlPaymentOptions tr{}
#p-confirmorder select#cmbTypeOfCard, #p-confirmdraftorder select#cmbTypeOfCard {}
#p-confirmorder input#txtCardNumber, #p-confirmdraftorder input#txtCardNumber, 
#p-confirmorder input#txtNameOnCard, #p-confirmdraftorder input#txtNameOnCard, 
#p-confirmorder input#txtYourName, #p-confirmdraftorder input#txtYourName,
#p-confirmorder input#txtYourPhoneNo, #p-confirmdraftorder input#txtYourPhoneNo, 
#p-confirmorder input#txtYourEmail, #p-confirmdraftorder input#txtYourEmail {}
#p-confirmorder input#txtNameOnCard, #p-confirmdraftorder input#txtNameOnCard  {}
#p-confirmorder label.leftcol, #p-confirmdraftorder label.leftcol  { }
#p-confirmorder span.leftcol, #p-confirmdraftorder span.leftcol  { }
#p-confirmorder span.rightcol, #p-confirmdraftorder span.rightcol  {  }
#p-confirmorder input.rightcol, #p-confirmdraftorder input.rightcol  {}
#p-confirmorder textarea { border-style:inset; }

/* -------------------------------------------------------------------------------- */
/* --- frmViewOrder.aspx and frmPrintOrder.aspx ----------------------------------- */
/* -------------------------------------------------------------------------------- */
body#p-vieworder, body#p-printorder {}
#p-vieworder h1, #p-printorder h1 {}
#p-vieworder hr, #p-printorder  hr {}
#p-vieworder span.rightcol, #p-printorder  span.rightcol {}
#p-printorder #buttonbar input#txtInstructions {  font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif; background:transparent; border:none;}
#p-vieworder textarea, #p-printorder textarea {font-size:100%; }

/* -------------------------------------------------------------------------------- */
/* --- frmNewWindow.aspx ---------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
body#p-newwindow {  background:#01447B;}
#p-newwindow iframe {}
#p-newwindow .button {}


/* -------------------------------------------------------------------------------- */
/* --- frmOrder.aspx -------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
body#p-orderdetail {}
#p-orderdetail h2 { font-size:120%; background:transparent; color:#5191cd; border:none;}
#p-orderdetail h3 { font-size:120%; }
#p-orderdetail table {font-size:100%;}
#p-orderdetail table th, #p-orderdetail table td  {}
#p-orderdetail div#ordernumbers {   line-height:2em;}
#p-orderdetail div#orderbuttons {   line-height:2em;}


#p-orderdetail p {}
#p-orderdetail label.leftcol.multi {   }
#p-orderdetail textarea.rightcol { }

/* -------------------------------------------------------------------------------- */
/* --- frmOrders.aspx ------------------------------------------------------------- */
/* --- see also styles for datagrids ---------------------------------------------- */
/* -------------------------------------------------------------------------------- */
body#p-ordersummary {}
#p-ordersummary h1 {}

/* -------------------------------------------------------------------------------- */
/* --- ImageViewer.aspx ------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#TheImage {}
#BrandLogo {}
.closewindow {}

