/* CSS Document */ /* whole lot */ /* -------------------------------------------------------------------------------- */ /* --- default html elements ------------------------------------------------------ */ /* -------------------------------------------------------------------------------- */ * {margin: 0;padding:0; } div {} body {padding:1em; } br {margin:0; padding:0;} a img, :link img, :visited img {} hr { height:1px; width:100%; clear:both; margin:1em 0;} em { } strong {} span {padding:0; } p {margin: 0.5em 0 1em; padding: 0; } /* -------------------------------------------------------------------------------- */ /* --- default headings ----------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { margin-top:0em; padding-bottom:.5em; } h1 {} h2 { margin-top:0; padding: .25em ; clear:right; } h3 { margin-top:0; padding: 0 ; clear:right;} h4 {} h5 {} h6 { } h1, h4, h5, h6 {margin-bottom:-.25em;} h3 {margin-bottom:-.25em;} /* -------------------------------------------------------------------------------- */ /* --- default lists -------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ ul {} ul, ol{ } /* -------------------------------------------------------------------------------- */ /* --- default tables ------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ table {margin-bottom:0em; border-collapse:collapse; vertical-align:bottom; width:100%; } table a {display:block;} caption {text-align:center; padding: .25em .35em;} tr { font-size:100%; } tr:hover {} td {padding:.25em;} tbody {padding:1em;} th, td {padding: 0 .125em;} tbody th { } /* -------------------------------------------------------------------------------- */ /* --- default links -------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ a, a:link {} a:visited {} a:hover {} a:active, a:focus {} /* -------------------------------------------------------------------------------- */ /* --- default form elements ------------------------------------------------------ */ /* -------------------------------------------------------------------------------- */ legend {display:block; padding: 0 0.5em; margin-left:.5em; } fieldset { margin-top:1em; padding:0;} form, textarea {} textarea{width:100%; vertical-align:top; padding:0 .25em; float:right; margin-bottom:.15em; height:3.5em;} label { line-height:1.5em; margin-top:.25em;no-wrap: nowrap;} select { width:100%;} /* -------------------------------------------------------------------------------- */ /* --- ids & classes used on multiple pages --------------------------------------- */ /* -------------------------------------------------------------------------------- */ #hideshowextras {margin:.5em 0 2em 0;} .gutter {padding:1.5em;} .topofpage {text-align:right; float:right; margin:1em 0; } .hide {display:none;} .clear {clear:both;} .required { display:inline;} /* contact form */ .6x6 {height:6px; width:6px; margin-right:1em;} .thumb, .75x75 {height:75px; width:75px; } .fullsize, .200x200 {height:200px; width:200px; padding:.5em;} .indexthumb {height:140px; width:140px;padding:.5em; } .fullsizesquare, .300x300 {height:300px; width:300px; padding:.5em; } .fullsizerec, .300x600 {height:600px; width:300px; padding:.5em; } .fullsizerec1, .600x300 {height:300px; width:600px; padding:.5em; } .fullwidth {width:100%;} .validationfail {margin-bottom:1em;} div.wrapper{ margin-top:1em; width:100%;} .multi {height:4.8em; clear:left;} .button { } /* -------------------------------------------------------------------------------- */ /* --- input boxes ---------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ .textboxtotals{ text-align:right; vertical-align:baseline; width:7.5em; padding:.25em ;} .textboxinput {width:10em; margin-top:.5em; padding:.15em .25em ;} /* -------------------------------------------------------------------------------- */ /* --- left/right halves and columns ---------------------------------------------- */ /* -------------------------------------------------------------------------------- */ .lefthalf, .righthalf{ float:left; width:47.4%; padding:1%;} .righthalf{ float:right; width:48.4%;} .leftcol, .rightcol {text-align:left; width:50%; vertical-align:baseline;} textarea.lefthalf{width:100%; vertical-align:top; padding:0 .25em; float:right; margin-bottom:.15em; height:7.1em;} /*.leftcol1 {text-align:left; width:50%; vertical-align:baseline;}*/ .rightcol {vertical-align:top; text-align:right;} /* -------------------------------------------------------------------------------- */ /* --- left column ---------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ td.leftcol{width:47.8%; float:left; margin-top:.25em; text-align:left; padding:0 1%; clear:left; } span.leftcol {width:47.8%; float:left; text-align:left; padding:0 1%; height:4em; margin-bottom:.15em; } span.leftcolsingle { width:47.8%; float:left; text-align:left; padding:0 1%; height:1.7em; margin-bottom:.15em; } label.leftcol {width:47.8%; float:left; text-align:left; padding:0 1%; margin-top:0; margin-bottom:.25em;} /* -------------------------------------------------------------------------------- */ /* --- right column --------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ a.rightcol {width:47.5%; float:right; text-align:right; padding:0 .25em; margin-bottom:.25em; height:1.5em; } td.rightcol{width:47.8%; float:right; margin-top:.25em; text-align:right; padding:0 1%; } input.rightcol{width:47.5%; float:right; text-align:right; padding:0 .25em; margin-bottom:.25em; height:1.45em; } select.rightcol{width:49%; float:right; margin-bottom:.15em; text-align:left; padding:0; height:2.4em;} textarea.rightcol {width:47.8%; float:right; margin-bottom:.15em; text-align:left; padding:0 1%; height:5.45em; overflow:hidden;} span.rightcol { width:47.8%; float:right; text-align:right; padding:0 1%; height:1.5em; margin-bottom:.25em; } /* -------------------------------------------------------------------------------- */ /* --- errors on frmConfirmOrder.aspx and frmConfirmDraft.aspx pages ---------------*/ /* -------------------------------------------------------------------------------- */ ul#confirmerrors {float:right; display:inline; width:50%; margin:.25em 0;} ul#confirmerrors li {display:inline; margin:2em 0;} /* -------------------------------------------------------------------------------- */ /* --- common datagrid styles - for headers, footers and rows --------------------- */ /* -------------------------------------------------------------------------------- */ .griditem, .gridaltitem, .gridedititem, .gridselitem { vertical-align:top; padding-top:.25em;} .gridpager { padding:1em 0; margin: 1em;} tr.gridheader {padding: .5em .25em 25em .25em; } .gridstyles, .griditem, .gridaltitem, .gridedititem, .gridselitem, .gridfooter, .gridpager, tr.gridheader { text-align:right; } .gridheaderlj {text-align:left; } .griditem td a, .gridaltitem td a { text-align:left; vertical-align:middle;} /* -------------------------------------------------------------------------------- */ /* --- 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 {text-align:right; padding-right:.5em; vertical-align:middle;} .gridshowhide, .gridunit {text-align:center; vertical-align:middle;} .gridcolour, .gridcurrentstatus, .griddeliverymethod, .gridproductdescription, .gridfilename, .gridfiletype {text-align:left; padding-left:.5em; vertical-align:middle;} .grideditqty {width:3em; height:1.25em; vertical-align:top; margin:.25em 0; text-align:right; padding-right:.25em;} /* add or change quantity */ #p-products .gridproductdescription {width:30%;} #QuantityValidationMessage {} /* --- vertical-align:bottom for grid header columns --- */ tr.gridheader td.gridunit, tr.gridheader td.gridavailable, tr.gridheader td.gridbuyprice, tr.gridheader td.gridbackordnumber, tr.gridheader td.gridbackordqty, tr.gridheader td.gridconnotenumber, tr.gridheader td.gridcustordnumber, tr.gridheader td.griddeliveryqty, tr.gridheader td.griddiscount, tr.gridheader td.griddispatchdate, tr.gridheader td.grideditqty, tr.gridheader td.gridextaxprice, tr.gridheader td.gridextendedvalue, tr.gridheader td.gridlastordqty, tr.gridheader td.gridmodel, tr.gridheader td.gridnextin, tr.gridheader td.gridourorder, tr.gridheader td.gridorderdate, tr.gridheader td.gridpricebreakqty, tr.gridheader td.gridproductcode, tr.gridheader td.gridqty, tr.gridheader td.gridreqdate, tr.gridheader td.gridsize, tr.gridheader td.gridtax, tr.gridheader td.gridvalueextax, tr.gridheader td.gridyourorder, tr.gridheader td.gridshowhide, tr.gridheader td.gridcolour, tr.gridheader td.gridcurrentstatus, tr.gridheader td.griddeliverymethod, tr.gridheader td.gridproductdescription, tr.gridheader td.gridunit, tr.gridheader td.gridfilename, tr.gridheader td.gridfiletype {vertical-align:bottom; padding:.5em;} /* -------------------------------------------------------------------------------- */ /* -- common paging bar ----------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ #paging {clear:both; float:left; width:98%; padding:.15em 1% .25em; margin:0; vertical-align:top; text-align:left;} #paging a, #paging span {vertical-align:middle;} .textboxpaging { width:1.5em; height:1em;text-align:right; margin-top:.25em; margin-bottom:-.25em;} /* -------------------------------------------------------------------------------- */ /* --- common search & button bar ------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ #buttonbar {text-align:right; width:98%; vertical-align:middle; margin:1em 0; padding:.15em 1% .25em;} #buttonbar .lblsearch { padding-top:0; margin-right:.5em;} #buttonbar .textboxinput {height:1em; padding:0; text-align:left; width:20%; height:1.25em; } /* -------------------------------------------------------------------------------- */ /* --- search results ------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ span#lblProductDescription.searchresultstext {display:block; width:98%; margin-bottom:1em; text-align:left; padding:1%; } /* -------------------------------------------------------------------------------- */ /* --- common order totals bar ---------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ #ordertotals { padding:.45em 1%; width:98%; white-space: nowrap; text-align:right; margin:1em 0; vertical-align:middle;} #ordertotals .textlabel { padding:0; margin:0;} #ordertotals input { width:8em; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; text-align:right; padding:.15em .25em;} #ordertotals input.totalextax, #ordertotals input.totalvalue { width:8em; } #ordertotals input.totaltax { width:7.8em; } .textlabel1 { padding:0; margin:0;} /* -------------------------------------------------------------------------------- */ /* --- CC payment details on frmConfirmOrder.aspx & frmConfirmDraft.aspx ---------- */ /* -------------------------------------------------------------------------------- */ #expmonth, #expyear { display:block; float:left; height:1.35em; text-align:left; padding: 0 .25em; width:47%; margin:.15em 0;} select#cmbYear, select#cmbMonth {float:right; width:48%; height:1.5em;} /* -------------------------------------------------------------------------------- */ /* --- siebar box common to static pages, CatalogueDetailIndex and ---------------- */ /* --- CatalogueDetailProduct ----------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ .box {margin: 0 0 1em 0; padding: 0 0 1em 0;} .box h3 {margin:0; padding: .25em; margin-bottom:.25em; } .box ul { } .box li { padding:.25em; } .box ul li {margin: 0 0 0 1.25em; padding: 0 0 0 .15em; } .box li a { padding:0; margin:.25em 0; display:block; line-height:.95em;} .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 --- */ .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 p, .box ul, .box form, .box#newsletterbox a {margin:0; padding: 0 .5em; } .box form {margin-top:.5em;} .box#loginbox h3 a, .box#newsbox h3 a, .box#newsletterbox h3 a{padding: 0 .25em;} /* --- CatalogueDetailIndex and CatalogueDetailProduct pages --- */ .box#alternate h3 {} .box#complementary h3{} .box#superceded h3 {} .box#other h3 {} /* -------------------------------------------------------------------------------- */ /* --- Security ------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* --- B2B login - frmLogin.aspx -------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* --- login page body ------------------------------------------------------------ */ /* -------------------------------------------------------------------------------- */ body#p-login { text-align:center; } #p-login #Form1 {width:60em; margin:0 auto; text-align:left; padding:0px; margin-top:7em; } /* -------------------------------------------------------------------------------- */ /* --- login header --------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ #p-login #companylogo {} #p-login #loginheader { float:left; width:100%; padding:.5em 0; } #loginheader img {float:left; padding-left:.5em;} p.version {float:right; margin-right:.5em;} /* -------------------------------------------------------------------------------- */ /* --- login content wrapper ------------------------------------------------------ */ /* -------------------------------------------------------------------------------- */ #logincontent { clear:both; float:left; margin:0; padding:0; width:60em; } /* -------------------------------------------------------------------------------- */ /* --- login content wrapper ------------------------------------------------------ */ /* -------------------------------------------------------------------------------- */ #logincontent {background: url(../Images/bg_default2.gif) repeat-y -36em top; } /* -------------------------------------------------------------------------------- */ /* --- login id/password & validation --------------------------------------------- */ /* -------------------------------------------------------------------------------- */ #p-login form#Form1 fieldset { padding:0 1em ; margin-bottom:.5em;text-align: left; height:13.5em; } #p-login form#Form1 legend {display:none;} #p-login #Form1 label {float:left; width:6em; margin-top:1.25em; padding:0; } #p-login #Form1 input#txtuserid, #p-login #Form1 input#txtpassword {float:left; margin-top: .25em; width: 14.5em; padding:.15em; display:block; } #p-login #Form1 input#txtUserID, #p-login #Form1 input#txtPassword {width: 10.5em; } #p-login .textboxinput {width: 14.5em;} #lblComment { height:3em; width:100%;} .btn-login { height:2em; float:right; margin-top:.5em; margin-right:1.5em;} p.errormessage {margin-top:2.75em; } #RequiredFieldValidator1, #RequiredFieldValidator2 { position:relative; top:.25em; left:0;} #RequiredFieldValidator2 {top:.5em;} /* -------------------------------------------------------------------------------- */ /* --- login form area ------------------------------------------------------------ */ /* -------------------------------------------------------------------------------- */ #logmein { float:left; width:18em;} #logmein.gutter {padding:.5em;} /* -------------------------------------------------------------------------------- */ /* --- login messages area -------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ #loginmessages { float:right; width:38.5em; padding: 1.5em .75em .75em; } /* -------------------------------------------------------------------------------- */ /* --- login footer --------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ #loginfooter { width:100%; clear:both; text-align:center; padding:1em 0;} ul#footerimages {display:inline; margin:0; padding:.5em ; list-style:none; } ul#footerimages li {display:inline;} ul#footerimages li a {padding:1em;} .poweredby { text-align:center;} p.copyright {text-align:left; margin-top: 1em;} /* -------------------------------------------------------------------------------- */ /* --- frmerror.htm and frmsecuritycheck.aspx ------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* --- error page body ------------------------------------------------------------ */ /* -------------------------------------------------------------------------------- */ body#p-error, body#p-securitycheck { } body#p-securitycheck#Form1 { } /* -------------------------------------------------------------------------------- */ /* --- error page content --------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ #errorcontent, #securitycontent { position:absolute;left:50%; width:45em; margin-top:5em; margin-left:-25em; padding:1em; } #errorcontent h1, #securitycontent h1 {margin-bottom: .15em; padding-left:3em; padding-top: .5em; } #errorcontent p, #securitycontent p {line-height:150%; margin:1em 3em 0;} #errorcontent ul li, #securitycontent ul li {list-style-type:square; margin-left:5.5em; } #errorcontent ol li, #securitycontent ol li {list-style-type:decimal; margin-left:6em; } /* -------------------------------------------------------------------------------- */ /* --- 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 {} /* -------------------------------------------------------------------------------- */ /* --- topframe - EcommerceHeader.aspx -------------------------------------------- */ /* -------------------------------------------------------------------------------- */ body#p-topframe {padding:0; } /* -------------------------------------------------------------------------------- */ /* --- ToplinksControl2.ascx ------------------------------------------------------ */ /* -------------------------------------------------------------------------------- */ #companylogo {float:left; width:25%; text-align:left; margin:0;} /* -------------------------------------------------------------------------------- */ /* --- ToplinksControl2.ascx ------------------------------------------------------ */ /* -------------------------------------------------------------------------------- */ #companylogo { } /* -------------------------------------------------------------------------------- */ /* --- top frame - logo and banner ------------------------------------------------ */ /* -------------------------------------------------------------------------------- */ #banner { float:left; display:inline; margin-left:1em; filter: revealTrans(duration=2,transition=20);} /* this rule gives the banner images the correct dimensions if you want to display them */ #banner img {width:468px; height:60px;} /* if you don't want to see the banners, set the height and width of "#banner img" to 0. */ /* #banner img {width:0px; height:0px;} */ /* Leave "#banner" with a height unless you want to also hide the logo */ #companylogo, #banner {} /* -------------------------------------------------------------------------------- */ /* --- top frame - navigation ----------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ #navwrap {width:100%; float:left; height:auto; } ul#MenuLinks_nav, ul#nav, ul#subnav {float:left; clear:left; width:97.9%; display:inline; white-space: nowrap; min-width:75em;height:30px; } ul#MenuLinks_nav, ul#nav {} #MenuLinks_nav li, #nav li, #subnav li {float: left; list-style-type: none;} #MenuLinks_nav a, #nav a, #subnav a, #nav a:link, #subnav a:link {float: left; display:block; margin: 0 1px 0 0; padding: .35em .75em; text-decoration:none; } #nav a:hover, #subnav a:hover { } #nav a:active, #subnav a:active {} #subnav li.t-logout {} ul#MenuLinks_nav, ul#nav, ul#subnav {padding-left:2%;} /* -------------------------------------------------------------------------------- */ /* --- leftframe - EcommerceLeft.aspx --------------------------------------------- */ /* -------------------------------------------------------------------------------- */ body#p-leftmenu {} body#p-leftmenu {padding:0; margin:0;} body#p-leftmenu #TheForm { height:100%; width:99%; } body#p-leftmenu #TheForm.gutter {padding:.25em;} /* -------------------------------------------------------------------------------- */ /* --- CatalogueNavigator2.ascx --------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* --- left frame logo ------------------------------------------------------------ */ /* -------------------------------------------------------------------------------- */ #p-leftmenu img#companylogo {display:none;} /* hide it here if it's being displayed in the top frame */ #p-leftmenu .gutter {padding:.25em;} /* -------------------------------------------------------------------------------- */ /* --- left frame search form ----------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ div#searchform {width:96%; padding:2% 0; margin:2% 2% 2em; height:70px; } #searchform input.textboxinput {margin-left:1em; width:60%; float:left; position:absolute; top:45px; left:15px;} #searchform input.searchbutton {width:2.75em; height:1.75em; float:left; margin-left:.25em; margin-top:.5em; position:absolute; top:45px; left:80%; } #searchform h2{display:block; margin-bottom:.25em; margin-top:2;padding:0 .25em .25em;} #searchform, #cataloguetree { margin-top:0;margin-bottom:1em; padding: 0 0 1em 0; display:block; width:100%;} #searchform label{display:block; text-align:left; vertical-align:top; margin-bottom:.25em; margin-top:.3em;padding:10em .25em .25em; width:160px!Important;width:140px; height:11px; position:absolute; top:14px;} #searchform h3 {font-family: Arial, helvetica, verdana, sans-serif; font-size:180%; margin-bottom:1em;border-bottom: 1px solid #D1D3D4;} #searchform a { width:100%; } #searchform a, #searchform a:link, #searchform a:visited, #searchform a:hover, #searchform a:active {display:block;} div#searchform1 {width:96%; padding:2% 0; margin:2% 2% 2em; } #searchform1 input.textboxinput {margin-left:1em; width:60%; float:left;} #searchform1 input.searchbutton {width:2.75em; height:1.75em; float:left; margin-left:.25em; margin-top:.5em; } #searchform1 h2{display:block; margin-bottom:.25em; margin-top:0;padding:0 .25em .25em;} #searchform1, #cataloguetree { margin-top:0;margin-bottom:1em; padding: 0 0 1em 0; display:block; width:100%;} #searcharea input.textboxinput { width:110px; margin-left:-10px; float:left; margin-top:0px; } #searcharea input.searchbutton { width:2.7em; } #searcharea { margin-bottom: 10px; margin-left:5%; background: url('../images/box_top.png') no-repeat; margin-top:5px; } #cataloguetree { margin-bottom: 10px; margin-left:5%; background: url('../images/box_top.png') no-repeat; margin-top:5px; } #searcharea .searchtop{ padding: 8px 0px 8px 7px; color: #000000; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; } #cataloguetree .catTop{ padding: 8px 0px 8px 7px; color: #000000; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; } #searcharea .searchmiddle { border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; background: #FFFFFF; padding: 16px; margin-top:-5px; width:166px; } #cataloguetree .catMiddle { border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; background: #FFFFFF; padding: 16px; margin-top:0px; width:170px; } #searcharea .searchbottom { height: 5px; width:100%; background: url('../images/box_bottom2.png') no-repeat; } #cataloguetree .catBottom { height: 5px; width:100%; background: url('../images/box_bottom2.png') no-repeat; } /* -------------------------------------------------------------------------------- */ /*--- left frame tree menu ---------------------------------------------------------*/ /* -------------------------------------------------------------------------------- */ #cataloguetree{ width:96%;} #cataloguetree h2 { margin-bottom:0em; padding: .25em; display:block;} span#Tree_CatTree {border-collapse:collapse; } #Tree_CatTreeSel {} #cataloguetree#Tree_CatTree {} #Tree_CatTree a { width:100%; } #Tree_CatTree a, #Tree_CatTree a:link, #Tree_CatTree a:visited, #Tree_CatTree a:hover, #Tree_CatTree a:active {display:block;} #Tree_CatTree img {} #Tree_CatTree table { padding: 0 .5em; border-collapse:collapse; } #cataloguetree table td {padding:.15em ; } #Tree_CatTree tr {display:block;} #Tree_CatTree table[cellspacing=1] {border-collapse:collapse;} #Tree_CatTree td[align=center] { width:4px; text-align:left; } #Tree_CatTree td[nowrap=nowrap] {white-space: normal;} /* this overwrites the nowrap in the html. won't work for IE */ #cataloguetree table {border-collapse:collapse;} #cataloguetree tr {margin-left:.25em; line-height:2em;} /* -------------------------------------------------------------------------------- */ /* --- footer - footer.htm -------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* --- footer frame body ---------------------------------------------------------- */ body#p-footer { margin-top:-.5em;} #p-footer {clear:both; margin: 0; padding: .75em 2.5em; text-align:left;} #p-footer p {margin: 0;padding:0; } /* -------------------------------------------------------------------------------- */ /* --- frmOnlineUpload.aspx ------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ body#p-fileupload { } #p-fileupload form#Form1 {} #p-fileupload fieldset { margin-top:1em;} #p-fileupload fieldset#fileselections {height:auto;} #p-fileupload fieldset#fileslist {height:auto;} #p-fileupload legend { } #p-fileupload .filename {width:99%; float:left; display:inline;} #p-fileupload .filetype {width:99%; float:left; display:inline; margin-top:1em; } #p-fileupload label.leftcol {width:10em; margin-top:.5em;} #p-fileupload .centercol { width:40%; float:left; text-align:left; padding:0 1%; height:1.5em;} #p-fileupload input#txtFile { width:20em; margin-right:1em; } #p-fileupload select#cmbFileType { float:left; width:15em; height:2em; padding:0; } #p-fileupload div#fileupload {} #p-fileupload .addbutton { width:11%; float:left; padding:0 1%; } #p-fileupload input.Input_Text_Optional_Single_Line {width:2em; text-align:right;} /* -------------------------------------------------------------------------------- */ /* --- contentframe Generated content: catalogue pages ---------------------------- */ /* -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* --- CatalogueDetail.aspx ------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ body#p-catalogue {padding:.25em; margin:0; } #p-catalogue form#TheForm { margin-top:0; padding:.1em .75em; } /* -------------------------------------------------------------------------------- */ /* --- CatalogueDetailLoader.ascx ------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* --- loads bookmarks, pagetitle, contentplacer and linksplacer -------------------*/ /* -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* --- bookmarks ------------------------------------------------------------------ */ /* -------------------------------------------------------------------------------- */ ul#bookmarks {float:left; width:100%; margin-top:0; display:inline; white-space: nowrap; margin-bottom:1em;} ul#bookmarks img {padding-right:.5em; } ul#bookmarks li {float: left; list-style-type: none; } #bookmarks a, #bookmarks a:link {float: left; margin: 0 ; padding: .25em .75em; text-decoration:none; } #bookmarks a:hover { } #bookmarks a:active {} ul#bookmarks {padding-left:0;} ul#bookmarks li#basket, ul#bookmarks li#bookmarkit, ul#bookmarks li#copypage, ul#bookmarks li#printpage { float:right;} ul#bookmarks li#copypage {display:none;} /* -------------------------------------------------------------------------------- */ /* --- pagetitle ------------------------------------------------------------------ */ /* -------------------------------------------------------------------------------- */ #p-catalogue h1 { padding-bottom:0; clear:both; width:100%;} #p-catalogue h2 {padding:0; text-indent:.25em;} #p-catalogue h4 {padding:0; text-indent:.25em;} /* -------------------------------------------------------------------------------- */ /* --- links placer --------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ #p-catalogue #sidebarlinks {margin-top:1em; float:left; width:25%; } #sidebarlinks.gutter {padding:.5em;} #sidebarlinks h3 { padding-left:.5em;} /* -------------------------------------------------------------------------------- */ /* --- CatalogueDetailIndex.ascx -------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* --- page view options in CatalogueDetailIndex.ascx ----------------------------- */ /* -------------------------------------------------------------------------------- */ ul#viewoptions { width:99%; height:2em; list-style-type:none; margin-bottom:.25em; margin-right:.5%;} #viewoptions li {display:inline; float:right; list-style-type:none; text-align:right; margin-left:.5em;} .detailview { padding:0; margin-top:.15em;} .thumbview { margin-top:.15em;} .viewtext {margin-top:.5em; margin-right:.5em;} /* -------------------------------------------------------------------------------- */ /* --- CommonPagerEcommerce.ascx -------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ ul.commonpagenav { text-align:left; height:2em;list-style-type:none; width:99%;} .commonpagenav li {display:inline; list-style-type:none; margin:0 ; padding:.25em 0;} #bottompager {margin-top:1em;} .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 { padding:0 .25em;} .thefirstlink, #DetailLoader__ctl0__ctl0_FirstLink, #DetailLoader__ctl0__ctl1_FirstLink, {padding-right: .25em;} .thelastlink, #DetailLoader__ctl0__ctl0_LastLink, #DetailLoader__ctl0__ctl1_LastLink { padding-left:.25em;} .pagetext {} #DetailLoader__ctl0__ctl0_PageInput, #DetailLoader__ctl0__ctl1_PageInput {width:3em; text-align:right;} #DetailLoader__ctl0__ctl0_PageGo, #DetailLoader__ctl0__ctl1_PageGo {width:3em; } .howmanypages, #DetailLoader__ctl0__ctl0_PageCountLabel, #DetailLoader__ctl0__ctl1_PageCountLabel { padding:0 .25em;} .gobutton1 { position:static; top:26%; left:58%;} .gobutton2 { position:static; top:26%; left:64%;} ul.validation { width:100%; height:2em;list-style-type:none;} /* -------------------------------------------------------------------------------- */ /* --- display the index and product summaries in CatalogueDetailIndex ------------ */ /* -------------------------------------------------------------------------------- */ /* to hide the index headings and descriptions, un-comment next 2 rules */ /* #indexsummariesarea h2, #indexsummariesarea p.itemdescription{display:none;} */ /* #indexsummariesarea span { padding-right:1%; float:left;display:inline; height:auto; } */ div.indexsummary, div.productsummary { float:left; margin-right:2%; margin-bottom:.25em; } /* display both index and product summaries 2-up */ div.indexsummary { width:49%;margin-right:1%; margin-top:.25em; margin-bottom:.25em;} div.productsummary { float:left; margin-right:2%; margin-bottom:.25em; } div.indexsummary, div.productsummary { width:49%;margin-right:1%; margin-top:.25em; margin-bottom:.25em;} div.space { width:49%;margin-right:40%; margin-top:.25em; margin-bottom:.25em;} #indexsummariesarea br, #productsummariesarea br {display:none;} #productsummariesarea ul#product_more {float:right;} #indexsummariesarea h2, #productsummariesarea h2 { } div#DetailLoader__ctl0_IndexSummaries { padding:1em;} div#DetailLoader__ctl0_ProductSummaries {padding:1em;} table#DetailLoader__ctl0_ProductSummaryDetails {width:99%; } #indexsummariesarea p.itemdescription, #productsummariesarea p.itemdescription { } #productsummariesarea div.itemdescription UL, LI { margin-left:2em;} #indexsummariesarea div.itemdescription UL, LI { margin-left:2em;} #indexsummariesarea .indexName { overflow:hidden; margin-top:0; clear:right; } /* -------------------------------------------------------------------------------- */ /* --- 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 { } .box h3 a:link {} /* -------------------------------------------------------------------------------- */ /* --- CatalogueDetailIndex.ascx - product catalogue details view ----------------- */ /* --- see datagrids styles ------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* --- CatalogueProductShowPage.aspx for rotating promo tool ---------------------- */ /* -------------------------------------------------------------------------------- */ body#p-catalogueshow { text-align:left; padding:1em 0;} /* -------------------------------------------------------------------------------- */ /* --- CatalogueProductShow.ascx for rotating promo tool -------------------------- */ /* -------------------------------------------------------------------------------- */ #p-catalogueshow legend { padding: 0 0.5em;} #p-catalogueshow fieldset { text-align:left; padding:1em; } #p-catalogueshow ul#PaneLinksArea, #p-catalogueshow ul#PaneLinksArea1 {float:right; display:inline; padding:.75em .5em; height:1.2em; } #p-catalogueshow li#Panelinks, #p-catalogueshow li#Panelinks1 {display:inline; list-style-type:none; padding:1em;} #p-catalogueshow .selPaneLink { text-align:center; margin-bottom:.25em; padding:.25em;} #p-catalogueshow .selPaneLink a:link, #p-catalogueshow .PaneLink a:link{ text-align:center; text-decoration:none; } #p-catalogueshow .selPaneLink, #p-catalogueshow .PaneLink { padding:.1em; display:inline;} #p-catalogueshow #paneswrap1 { height:11.5em; } #p-catalogueshow #paneswrap, #p-catalogueshow #linkswrap, #p-catalogueshow #linkwrapimg, #p-catalogueshow #footerwrap, #p-catalogueshow #footerwrapimg {width:96%; padding:0 0 0 1em;} #p-catalogueshow #linkswrap, #p-catalogueshow #linkwrapimg {padding-bottom:0; } #p-catalogueshow #paneswrap, #p-catalogueshow #paneswrap1 {padding-top:0; padding-left:.3em;} #p-catalogueshow #footerwrap, #p-catalogueshow #footerwrapimg {padding-top:0;} #p-catalogueshow #ProductShowPanes, #p-catalogueshow #ProductShowPanes1{padding:0em; } #p-catalogueshow #ShowPanes, #p-catalogueshow #ShowPanes1 { height:12em; clear:both; width:100%; } #p-catalogueshow #product_more, #p-catalogueshow #viewpdf {} #p-catalogueshow h4{ width:50%;} #p-catalogueshow .itemdescription {height:9.25em; overflow:hidden;} #p-catalogueshow #footernav, #p-catalogueshow #footernav1 {padding: 0; margin:0; clear:both; } #p-catalogueshow #footernav ul, #p-catalogueshow #footernav1 ul {list-style-type: none; } #p-catalogueshow #footernav li, #p-catalogueshow #footernav1 li {display:inline; float:right; padding: .5em 0 .5em .5em; } #p-catalogueshow #footernav li a, #p-catalogueshow #footernav1 li a {padding: .25em .5em ; text-align: center; text-decoration:none;} #p-catalogueshow #footernav li a:hover {} /* -------------------------------------------------------------------------------- */ /* --- these styles common in CatalogueProductShow.ascx, -------------------------- */ /* --- CatalogueDetailIndex.ascx, CatalogueDetailProduct.ascx --------------------- */ /* -------------------------------------------------------------------------------- */ #p-catalogueshow h2, #p-catalogue h4, #p-catalogue h4 { margin-bottom:.5em; width: 98%; height:1em; position: relative; padding:1%; overflow:hidden;} /* -------------------------------------------------------------------------------- */ /* --- CatalogueDetailProduct.ascx ------------------------------------------------ */ /* -------------------------------------------------------------------------------- */ #p-catalogue p { } #p-catalogue p.productdescription { } #p-catalogue #product_more li a {} .listitem {float: left; margin-top:0;} img.thumb {float:left; height:75px; width:75px; padding:5px; } img.fullsize {height:200px; width:200px; float:left; padding:0 .5em 0 0;} img.indexthumb {float:left; height:140px; width:140px; padding::5px; } .indexthumbitemdescription {height:15.25em; overflow:auto; margin: 0 0 .25em .75em; } .itemdescription {height:7.25em; overflow:hidden; margin: 0 0 .25em .75em; } .productdescription1 {height:auto; overflow:visible; position:absolute; width:600px;} .productdescription {height:auto; overflow:visible; margin: 0 .25em .25em .25em; position:absolute; left:350px; top:70px; width:270px;} .productdescription UL, LI{ margin-left:21.5em;} .prodcode {padding:.5em .25em;} ul#product_more {display:inline; list-style-type:none; float:right; text-align:right; margin-right:0;} #product_more li {text-decoration:none; display:inline;} #product_more li a, li#product_more li a:link{text-decoration:none; } #product_more #moreinfo {} .imageandcaption {float: left; width: 220px; margin: 0 0 ; padding: 0 0 1em 0 ; } #index_description {margin:0 0 .5em 0;} #index_description UL, LI { margin-left:1em;} /* -------------------------------------------------------------------------------- */ /* --- pricing and ordering in CatalogueDetailProduct.ascx ------------------------ */ /* --- on frmProduct.aspx, pricing is in a datagrid ------------------------------ */ /* -------------------------------------------------------------------------------- */ table#pricing { float:right; padding:1em; } /* CatalogueDetailProduct.ascx */ table#pricing td {vertical-align:middle;} th.price, th.quantitybreak, th.order {padding:.15em;} td.price { text-align:right;} td.quantitybreak { text-align:right; } td.quantityinput input{padding:1; text-align:right; width:2em; height:1em; margin-top:.25em;} td.order {text-align:right;} td.ordernow {width:25%; text-align:right; } tr.basket, tr.qtyerror { text-align:center; line-height:1.5em; } #DetailLoader__ctl0_OrderQuantity {width:4.5em; text-align:right; padding-right:.25em;} #availqty {text-align:left;} #p-catalogue table#pricing tr {} /* -------------------------------------------------------------------------------- */ /* --- frmProduct.aspx --- */ /* -------------------------------------------------------------------------------- */ body#p-productdetail {} #p-productdetail h2 { margin-bottom:.5em; } #p-productdetail #lblProductDescription { display:inline; float:left; width:100%; margin-bottom:.5em;} #p-productdetail p { } /* --- sidebar - image and links --- */ #p-productdetail #sidebar {float:left; width: 30%; margin: 0 ; padding: 0 0 1em 0 ; } #p-productdetail #lblProductCode { display:block; margin-top:202px; text-indent:.25em;text-align:left; } #p-productdetail ul#sidebarlinks { list-style-type:none; margin-top:1em; display:block;width:70%; padding:.25em;} #p-productdetail #sidebarlinks li {line-height:2em;} img.fullsize1 {height:50px; width:50px; float:left; padding:0 .5em 0 0;} /* --- main content --- */ #p-productdetail #maincontent {margin-left:.25em; width:65%; float:left;} #p-productdetail textarea.productdescription { float:left; width:98%; height:18.5em; clear:both; } /* --- product detail, availability, ordering --- */ #p-productdetail .lefthalf {clear:left;} #p-productdetail .righthalf { } #p-productdetail #addtoorder {width:99%; margin-top:1em; float:right; text-align:right;} #p-productdetail .grideditqty {height:1.15em; } /* -------------------------------------------------------------------------------- */ /* --- frmProducts.aspx ----------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ #lblProductDescription { margin-bottom: 2em;} #p-products table#pnlProducts {display:none;} /* -------------------------------------------------------------------------------- */ /* --- contentframe Generated content: order pages -------------------------------- */ /* -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* --- B2B home page - frmCustomer.aspx ------------------------------------------- */ /* -------------------------------------------------------------------------------- */ body#p-customersummary {} #p-customersummary.gutter {} #p-customersummary h1 {margin: 0 0 .5em 0;} #p-customersummary h2 { margin: 0 0 .25em 0; } #p-customersummary #ordersummary, #p-customersummary #accbalsummary {height:14em; padding:1%; width:47.8%;} #p-customersummary #deliverydetail, #p-customersummary #userprofile {height:15em; margin-top:1em; padding:1%; width:47.8%;} #p-customersummary label.contactemail {display:none;} #p-customersummary #lblContactName, #p-customersummary #lblContactPhone, #p-customersummary #lblContactFax, #p-customersummary #lblAccountNo, #p-customersummary #lblRepEMail, #p-customersummary #lblDeliveryMethod {text-align:left; } #p-customersummary label.total, #p-customersummary #lblOutstandingOrderTotal { margin-bottom:.25em;} #p-customersummary #ordersummary, #p-customersummary #userprofile{float:left; } #p-customersummary #accbalsummary, #p-customersummary #deliverydetail {float:right; } /* -------------------------------------------------------------------------------- */ /* --- B2B home page - frmRequestforQuotation.aspx ------------------------------------------- */ /* -------------------------------------------------------------------------------- */ body#p-RequestforQuotation {} #p-RequestforQuotation.gutter {} #p-RequestforQuotation h1 {margin: 0 0 .5em 0;} #p-RequestforQuotation h2 { margin: 0 0 .25em 0; } #p-RequestforQuotation #Quotation {height:47em; margin-top:1em; padding:1%; width:90%;float:left;} #p-RequestforQuotation label {text-align:left; vertical-align:top} /* -------------------------------------------------------------------------------- */ /* --- frmBackOrders.aspx --------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ body#p-backordersummary {} /* -------------------------------------------------------------------------------- */ /* --- hide or show more details--------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ #p-backordersummary #hideshowextras {margin-top:1em;} #p-backordersummary .lefthalf, #p-backordersummary .righthalf{height: 14em;} #p-backordersummary .leftcol {height:4.85em;} #p-backordersummary .leftcolsingle {height:1.5em; margin-bottom:.25em; } #p-backordersummary td {padding:.25em;} #p-backordersummary #lDeliveryMethod {} #p-backordersummary span#lblDeliveryMethod { } #p-backordersummary #lDeliveryAddress {} #p-backordersummary #txtDeliveryAddress {} #p-backordersummary #lDeliveryInstructions {margin-top:.15em;} #p-backordersummary #txtDeliveryInstructions {margin-top:.15em;} #p-backordersummary #lProductText {} #p-backordersummary #txtProductText {} #p-backordersummary #lOrderNumber {} #p-backordersummary #lBackOrderNumber {overflow-x:hidden;} #p-backordersummary lOrderWeight {} #p-backordersummary #lCurrencyDescription {} #p-backordersummary #lForeignValue {} #p-backordersummary #cmdOrderNumber, #p-backordersummary #lblBackOrderNumber, #p-backordersummary #lblOrderWeight, #p-backordersummary #lblCurrencyDescription, #p-backordersummary #lblForeignValue {text-align:right;} /* -------------------------------------------------------------------------------- */ /* --- frmOrderEntry.aspx and frmEditDraft.aspx use the same grid ----------------- */ /* -------------------------------------------------------------------------------- */ body#p-orderentry, body#p-editdraftorder {} #p-orderentry h2, #p-editdraftorder h2 {clear:left; margin-top:3em; padding:.5em 0;text-align:center; } #p-orderentry tr.gridheader, #p-editdraftorder tr.gridheader { margin-top:.5em; } #p-orderentry .gridheaderlj, #p-editdraftorder .gridheaderlj {width:30%; padding:.5em .25em;} #p-orderentry tr.gridpager, #p-editdraftorder tr.gridpager {margin:1em; padding:1em; } #p-orderentry div.details, #p-editdraftorder div.details { width:100%; } #p-orderentry div.details .grideditqty, #p-editdraftorder div.details .grideditqty { float:left; width:14.1%; padding-bottom:.2em; padding-right:.25em;} #p-orderentry div.details .gridqty, #p-editdraftorder div.details .gridqty { float:left; width:15%;} #p-orderentry div.details .gridunit, #p-editdraftorder div.details .gridunit { float:left; width:50%;} #p-orderentry div.details .gridextaxprice, #p-editdraftorder div.details .gridextaxprice { float:left; width:20%;} #p-orderentry div.details .gridtax, #p-editdraftorder div.details .gridtax { float:left; width:15%;} #p-orderentry div.details .gridextendedvalue, #p-editdraftorder div.details .gridextendedvalue { float:left; width:27.75%;} /* -------------------------------------------------------------------------------- */ /* --- 1/3 and 2/3 for prod code and description columns -------------------------- */ /* -------------------------------------------------------------------------------- */ #p-orderentry .leftcol, #p-editdraftorder .leftcol { width:30%; clear:left;vertical-align:baseline; height:5.45em; margin-bottom:.15em; } #p-orderentry .leftcolsingle, #p-editdraftorder .leftcolsingle { width:30%; float:left; text-align:left; padding:0 1%; height:1.7em; margin-bottom:.15em; margin-top:.15em;} #p-orderentry .rightcol, #p-editdraftorder .rightcol {width:63%; } #p-orderentry .usercomment, #p-editdraftorder .usercomment { width:80%; float:right; text-align:left; padding:0 1%; height:4em; margin-bottom:.15em; } #p-orderentry .editusercomment { width:80%; float:right; text-align:left; padding:0 1%; height:14em; margin-bottom:.15em; } #p-editdraftorder .editusercomment { width:80%; float:right; text-align:left; padding:0 1%; height:14em; margin-bottom:.15em; } #p-orderentry select.rightcol, #p-editdraftorder select.rightcol { width:65%; line-height:1em;} /* -------------------------------------------------------------------------------- */ /* --- frmConfirmOrder.aspx and frmConfirmDraft.aspx------------------------------- */ /* -------------------------------------------------------------------------------- */ body#p-confirmorder, body#p-confirmdraftorder {} #p-confirmorder h2, #p-confirmdraftorder h2 { margin-bottom:1em;} #p-confirmorder h3, #p-confirmdraftorder h3 { margin-bottom:1em;} #p-confirmorder div.wrapper, #p-confirmdraftorder div.wrapper{ margin-top:1em;} #p-confirmorder table#pnlPayment, #p-confirmdraftorder table#pnlPayment { padding:0 .25em;} #p-confirmorder input#rdoOffline, #p-confirmdraftorder input#rdoOffline { } #p-confirmorder table#pnlOnline, #p-confirmdraftorder table#pnlOnline { margin-top:1em; padding:0; width:50%;} #p-confirmorder table#pnlOffline, #p-confirmdraftorder table#pnlOffline { margin:1em 0 0 0;} #p-confirmorder table#pnlPaymentOptions tr, #p-confirmdraftorder table#pnlPaymentOptions tr{} #p-confirmorder select#cmbTypeOfCard, #p-confirmdraftorder select#cmbTypeOfCard {margin-top:0; width:47.8%;margin-bottom:.15em; height:1.4em; } #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 { width:46.8%;margin-bottom:.25em; height:1.45em;} #p-confirmorder input#txtNameOnCard, #p-confirmdraftorder input#txtNameOnCard {margin-bottom:.15em;} #p-confirmorder label.leftcol, #p-confirmdraftorder label.leftcol {width:47%; float:left; height:1.75em; margin-bottom:.4em; clear:left; } #p-confirmorder label.leftcol.multi, #p-confirmdraftorder label.leftcol.multi {width:47%; float:left; height:5em; margin-bottom:.35em; clear:left; } #p-confirmorder span.leftcol, #p-confirmdraftorder span.leftcol {width:47%; float:left; height:1.7em; margin-bottom:.25em; margin-top:.15em;clear:left; } #p-confirmorder #Label11 span.leftcol, #p-confirmdraftorder #Label11 span.leftcol {} #p-confirmorder span.rightcol, #p-confirmdraftorder span.rightcol { height:4em; margin-top:0;} #p-confirmorder input.rightcol, #p-confirmdraftorder input.rightcol {width:46%; height:1.3em; margin-top:0;} #p-confirmorder select.rightcol { height:2.1em;} /* -------------------------------------------------------------------------------- */ /* --- frmViewOrder.aspx and frmPrintOrder.aspx ----------------------------------- */ /* -------------------------------------------------------------------------------- */ body#p-vieworder, body#p-printorder {} #p-vieworder h1, #p-printorder h1 { text-align:center; margin-bottom:1em; } #p-vieworder hr, #p-printorder hr {width:100%; margin: 1em 0;} #p-vieworder span.rightcol, #p-printorder span.rightcol {text-align:right; float:right;} #p-printorder #buttonbar input#txtInstructions {float:left; text-align:right; width:80%; margin-top:.25em;} #p-vieworder textarea, #p-printorder textarea { height:9em;} #p-vieworder #delivery1, #p-printorder #delivery1, #p-vieworder #delivery2, #p-printorder #delivery2{ height:10.8em;} #p-vieworder label.leftcol.multi, #p-printorder label.leftcol.multi{width:47%; float:left; height:8.9em; margin-bottom:.35em; clear:left; } #p-vieworder #billto, #p-printorder #billto {height:10.8em;} #printlogo {background: url(../Images/online.gif); } /* -------------------------------------------------------------------------------- */ /* --- frmNewWindow.aspx ---------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ body#p-newwindow { margin:0; padding:0;} #p-newwindow iframe {} #p-newwindow .button {margin: 1em 1em 0 0; float:right;} /* -------------------------------------------------------------------------------- */ /* --- frmOrder.aspx -------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ body#p-orderdetail {} #p-orderdetail h2 {display:inline; } #p-orderdetail h3 { margin-top:2em; margin-bottom: 0; } #p-orderdetail table {} #p-orderdetail table th, #p-orderdetail table td {padding:.25em;} #p-orderdetail div#ordernumbers {float:left; display:inline; width: 55%; text-align:left; line-height:2em;} #p-orderdetail div#orderbuttons {float:right; width:44%;text-align:right; line-height:2em;} #p-orderdetail p {margin:2em 0;} #p-orderdetail label.leftcol.multi { height:4em; clear:left; margin-bottom:.15em;} #p-orderdetail textarea.rightcol { height:4.51em; } #p-orderdetail #paging {margin-top:2em;} #p-orderdetail #pnlSubGroups {display:none;} /* -------------------------------------------------------------------------------- */ /* --- frmOrders.aspx ------------------------------------------------------------- */ /* --- see also styles for datagrids ---------------------------------------------- */ /* -------------------------------------------------------------------------------- */ body#p-ordersummary {} #p-ordersummary h1 {margin-top:0;} /* -------------------------------------------------------------------------------- */ /* --- ImageViewer.aspx ------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ #TheImage {margin-top:1em;} #BrandLogo {float:left; padding-top:1em;} .closewindow {float:right; margin: 1em 1em 0 0 ;} /* -------------------------------------------------------------------------------- */ /* --- NON-IE hacks & filters ----------------------------------------------------- */ /* --- IEWin hacks/workarounds are in separate files ------------------------------ */ /* -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* ------ start clearfix without structural markup -------------------------------- */ /* -------------------------------------------------------------------------------- */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix{height: 1%;} .clearfix{display: block;} /* End hide from IE-mac */ /* ------ end clearfix without structural markup----------------------------------- */ /* -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* screen reader hack for hidden elements. Allows screen */ /* readers to see what's hidden */ .hidden {display : none; /* \*/ display: block; /* */ position: absolute; left: -5000px; top: -5000px; width: 1px; height: 1px;}