form { margin: 0; padding: 0; } p { padding: 0px; margin: 6px 0px; } img { border:none 0px transparent; }  body { } body,input,select,button,textarea { font-family: Verdana, Arial, sans-serif; font-size: 12px; } #footer { font-weight: bold; } body { margin:0; padding:0; border:0; width:100%; background-color:#fff; } .clearafter:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.clear { clear: both; padding: 0px; margin: 0px; } .nowrap { white-space: nowrap; } div.buttonContainer { display: inline; margin: 0; padding: 0; border: none; } #header { padding: 0.75em 0.75em 1.5em 1.6em; height: 11.5em; } #header h1 { position:relative; overflow:hidden; margin:0; padding:0; top:15%; } #header h1 .mask { position:absolute; left:0; top:0; height:100%; width:100%; } #panels { position: absolute; top: .75em; right: .75em; } #login { float:left; margin: 0px 0px 0px 1em; } #basketdetails { margin: 0px .5em 0px 0px; } #search { margin: 1em 0px 0px; padding: 1em 0px 0px; } #search select { width: 18em; } #search option { width: 22em; } #search input[type=text] { width: 22em; } #page { position: relative; width: 100%; margin-top: 3em; } #content { position: relative; padding: .5em; } .contentHasNews { margin-right: 14em; } .contentHasNavigation { margin-left: 14em; } #groups { position: absolute; top: 0px; left: 0px; width: 12.75em; padding: .5em .5em .5em .75em; } #news { position: absolute; top: 0px; right: 0px; width: 12.75em; padding: .5em .75em .5em .5em; } #menubar { position: absolute; width: 100%; top: -4em; left: 0; padding: 10px 0px; } #navmenu { position: relative; float: left; clear: none; } #loginmenu { position: relative; float: right; clear: none; } #footer { clear:both; text-align: right; padding-right: 20px; } #footer p { padding:10px; margin:0; } #accountsGrid { width:98.5%; height:400px; }  .access { display:none; } div.message { border:dashed 1px #000000; margin-bottom: 6px; } div.message ul { margin:6px 0; padding-left:24px; list-style-type: square; } div.message ul li span { color:#000; } div.error ul { color:#a20; } div.error { background-color:#f96; border-color:#c40; } div.ok ul { color:#2a0; } div.ok { background-color:#9f6; border-color:#4c0; } div.info ul { color:#a60; } div.info { background-color:#fc2; border-color:#c81; } div.internal ul { color:#776; } div.internal { background-color:#cca; border-color:#998; } .column { float:left; margin:0 1% 0 0; } .half { width:49%; } .center { margin:0 auto; } .frame { margin-top: 20px; margin-bottom: 10px; } .frame .caption { position:absolute; top:-7px; left:10px; } .row { clear: both; } .row .cell { float: left; } .clear { clear: both; } .extraMarginAfter { margin-bottom: 1em; } .extraMarginBefore { margin-top: 1em; } .floatLeft { float: left; } .floatRight { float: right; } dl.form { overflow: hidden; } dl.form dt { clear: both; float: left; width: 7.8em; padding-bottom: .2em; } dl.form dd { margin-left: 8em; padding-bottom: .2em; } #search dl.form { margin: 0px 0px; } #search dl.form dt { width: 4em; text-align: right; padding-bottom: 2px; padding-top: 2px; } #search dl.form dd { margin-left: 4.3em; padding-bottom: 2px; } #QuickAdd dl.form dt { width: 7.3em; } #QuickAdd dl.form dd { margin-left: 7.5em; } #ManualAddress dl.form dt { width: 8.5em; } #ManualAddress dl.form dd { margin-left: 8.7em; } #SaveBasket dl.form dt { width: 7.5em; } #SaveBasket dl.form dd { margin-left: 7.7em; } #fullLogin dl dt { text-align:right; width:128px; margin-right:8px; } input, select, textarea { border: 1px solid; } input[type=image] { border: none; } div.inner input[type=checkbox] { margin-left: .5em; } .checkoutConfirmFrame .inner input[type=checkbox] { margin-left: 0px; margin-right: .5em; margin-bottom: 1em; float: left; } input.button, a.button, button.button { border: 2px solid; font-size: 93%; font-weight: bold; cursor: pointer; } input.imageButton,input.imageButton:hover { border: none; background: none; } input[name=Instructions] { width: 99%; } a.button { text-decoration: none; padding: .1em .5em; white-space: nowrap; } #menubar ul { position: relative; float: left; list-style-type: none; padding: 0; margin: 0; } #menubar li { position: relative; float: left; margin: 0 .75em; text-align: center; font-weight: bold; vertical-align: middle; white-space: nowrap; } #menubar li a { color: #000; display: block; padding: .2em .5em; text-decoration: none; background-color: transparent; font-size: 100%; border: none; } #menubar ul ul { position: absolute; left: -0px; top: 100%; border-top: 2px solid; border-bottom: 2px solid; } @media screen and (-webkit-min-device-pixel-ratio:0) { #menubar ul ul { width: 15em; } } #menubar ul ul ul,#menubar ul ul ul li { background-color: transparent; border-color:transparent; } #menubar ul ul li:hover ul { border-top: 2px solid; border-bottom: 2px solid; } #menubar #loginmenu ul ul { right: -0px; left: auto; } #menubar ul ul li { position: relative; width: 100%; margin: 0; border: 0; text-align: left; } #menubar ul ul ul { position: absolute; left: 100%; top: -2px; } #menubar li ul { display: none; } #menubar li:hover ul { display: block; } #menubar li:hover li ul { display: none; } #menubar li:hover li:hover ul { display: block; } .menubarBorderBottom { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 10px; } #tree { border: 2px solid #ff9609; border-top-width:0; padding: 2px; margin: 0 0 8px 0; } #tree ul { padding: .1em 0; } #tree li { list-style-type: none; padding: .1em 0px; position: relative; margin-left: 16px; } #tree li span { position: absolute; display: block; width: 16px; height: 16px; background: transparent url(images/tree_closed.gif) no-repeat scroll center; right: 100%; cursor: pointer; } #tree li.empty span { cursor: default; } #tree li.closed span { background-image: url(images/tree_closed.gif); } #tree li.open span { background-image: url(images/tree_open.gif); } #tree li.empty span { background-image: url(images/tree_empty.gif); } #tree li.open li.closed span { background-image: url(images/tree_closed.gif); } #tree li.open li.open span { background-image: url(images/tree_open.gif); } #tree li.open li.empty span { background-image: url(images/tree_empty.gif); } #tree li.open li.open li.closed span { background-image: url(images/tree_closed.gif); } #tree li.open li.open li.open span { background-image: url(images/tree_open.gif); } #tree li.open li.open li.empty span { background-image: url(images/tree_empty.gif); } #tree a { display: block; text-decoration: none; color: black; }  #panels { font-size: 90%; } #panels a { font-weight: bold; } #basket { padding-bottom: 1em; } #basketicon { background: url(icons/basket.png) no-repeat 0px -3px; width: 35px; height: 30px; float: left; text-indent: -9999px; margin: 0px; padding: 0px; } #basketdetails, #basketquicklinks { float: left; } #search { border-top: 2px solid; } h2 { padding: 2px 6px; font-size: 15px; margin: 0; } #news h2 { padding-left:16px; } .sideBarPanel { border: 2px solid #ff9609; border-top-width:0; padding: .2em .4em; margin: 0 0 6px 0; } h3 { border:solid 2px; border-width: 0 0 2px 0; font-size:13px; margin: 6px 0 2px 0; } h3 a { text-decoration: none; } #news p.last { text-align: right; } table { border: 2px solid; margin-bottom: 10px; margin-top: 10px; border-collapse: collapse; margin-left: 1px; } table th, table td { border: 0px none; padding: 2px 5px; } table .decimal, table .block { white-space: nowrap; } th.decimal, td.decimal { text-align: right; } td.block { text-align: center; } table.vertical th, #accountsMenu th { text-align: left; } table.basket { clear: both; } table.basket img { vertical-align: middle; } tr.consolidated td { padding-top: 1em; padding-bottom: .5em; font-weight: bold; } tr.controls { border-style: solid; border-width:2px; } .pageLinks { float: right; padding: 3px 0px; } .pageLinks a.button { padding: 0px .2em; margin: 0px; } .left_pic { float: left; padding: 0px .75em .75em 0px; background-color: white; position: relative; } .right_pic { float: right; padding: 0px 0px .75em .75em; background-color: white; position: relative; } .addressItem { float: left; position: relative; clear: none; height: 12em; margin: 0px 1em 0px 0px; } .addressItem input { margin: .5em 0px 0px; } .filterControl { margin-bottom: 0px; } .dataGridContainer { float: left; margin-bottom: 10px; } .dataGridContainer .pagerControl { text-align: center; padding: 0.2em 0.3em; } table.dataGrid { margin-top: 0px; margin-bottom: 0px; } .dataGrid th, .dataGrid td, .filterControl th, .filterControl td { border-width: 1px; border-style: solid; border-color: black; } .pagerControl .imageButton { vertical-align: bottom; } dl.statusCodes { margin-left: 3em; position: relative; } dl.statusCodes dt { position: absolute; left: 0px; } dl.statusCodes dd { margin-bottom: 0.25em; margin-left: 2em; position: relative; }  .products .product { margin:2px 4px 2px 0; width:16em; height:25em; float:left; } .products .product table { border-width:0; } .products .product .inner { text-align:center; padding: 1em 0.5em; overflow:auto; height: 23em; } .products .product h3 { padding:0 10px; } .products .product h3 a { color:#000; } .products .product img { border-width:0; }