@charset "iso-8859-1"; @media screen, print { body {margin: 0; text-align: center; background: #ffffff;} p, ul {margin: 0;} .bold {font-weight: bold;} .clear {clear: both;} #container {position: relative; width: 765px; margin: 0 auto; margin-top:-1px; text-align: left;} /* ### HEADER ### */ #header {height: 129px; background: url(../gfx/layout/header.gif) top no-repeat;} #header img {position: absolute; top: 0px; left: 0px;} #header div.softver {position: absolute; right: 5px; top: 2px; z-index: 1000; font: normal 10px Arial; color: #6b5252;} /* ### LEFT SIDE (width 5px + 183px) ### */ #left {position: absolute; left: 0; top: 120px; width: 190px;} /* box */ #left div.lbox_header {width: 183px; height: 26px; background: url(../gfx/layout/lbox_header.gif) top no-repeat;} #left p.lbox_header {padding: 3px 7px; font: bold 11px Arial; color: #ffffff;} #left div.lbox_content {width: 183px; background: url(../gfx/layout/lbox_bkg.gif) bottom no-repeat; margin-bottom: 10px;} #left p.lbox_content {margin: 4px; padding: 10px; font: normal 11px Arial; color: #000000;} #left a.lbox_content {font: bold 11px Arial; color: #000000; text-decoration: none;} #left a.lbox_content:hover {font: bold 11px Arial; color: #590066; text-decoration: underline;} /* basket box */ #left p.lbox_content_basket {font: bold 21px Verdana; color: #FF0000; text-align: right; padding: 5px;} #left p.lbox_content_bsk {font: normal 9px Verdana; color: #939598; text-align: right; padding: 5px; line-height: 8px;} #left a.lbox_content_bsk {font: normal 9px Verdana; color: #939598; text-decoration: none} #left a.view_basket {margin: 2px 30px;} #left img.view_basket {width: 80px; height: 28px; border: 0; margin-bottom: 10px;} /* category links */ #left dl {margin: 0px; padding: 10px; padding-top: 3px; line-height: 15px;} #left a.mcat, a.cat, a.subcat {color: #000000;} #left a.link {font: bold 11px Arial; color: #17344b; text-decoration: none;} #left a.link:hover {color: #590066;} #left a.mcat {font: bold 12px Arial; text-decoration: none;} #left a.mcat:hover {color: #590066;} #left dd {margin-left: 10px; line-height: 12px;} #left a.cat {font: bold 11px Arial; text-decoration: none;} #left a.cat:hover {color: #590066;} #left ul, li {padding-left: 15px; list-style: none; line-height: 10px;} #left a.subcat {font: normal 11px Arial; text-decoration: none;} #left a.subcat:hover {color: #590066;} #left div.trade_link {background: #8ba6bc; margin: 2px -5px -2px -5px; padding: 1px 0 3px 0;} #left dt.trade_link {padding: 0 15px;} #left a.trade_link {font: bold 12px Arial; color: #FF0000; text-decoration: none;} #left div.trade_link a {font: bold 11px Arial; color: #ffffff; line-height: 10px;} /* search */ #left form, input {margin: 0;} #left form {margin: 0 5px; padding: 5px 0;} #left input.search {width: 134px; height: 15px; border: solid 1px #000000;} #left input.button {position: absolute; width: 31px; height: 23px; margin-left: 5px; } #left p.lbox_content_search {font: normal 9px Arial; color:#4b4b55; text-align: center; padding: 2px 0 15px 0;} /* cards */ #left p.lbox_content_cards {height: 40px; text-align: center; padding: 2px;} /* secure connection */ #left p.lbox_content_ssl {height: 60px; text-align: center; padding: 2px;} /* db info box */ #left div.lbox_dbinfo {width: 182px; margin: 0 0 10px 5px; display: none;} #left p.lbox_dbinfo {padding: 2px 5px; font: normal 10px Arial; color: #babcbf; text-align: center;} /* ### RIGHT ### */ #right {position: absolute; right: 0; top: 145px; width: 120px;} #right div.basket {padding: 2px; height: 50px; background: #fffeef; border: solid 1px #e1e1d5;} #right p.basket {margin: 0; font: bold 10px Arial; color: #81837e;} /* ### CONTENT ### */ #content {margin: 5px 125px 0 195px; min-height: 830px;} #content h1 {font: bold 18px Arial; color: #FF0000; margin-bottom: 10px;} #content h2 {font: bold 12px Arial; color: #000000; margin-bottom: 10px;} #content h3 {font: italic bold 12px Arial; color: #000000; margin: 5px 0;} #content h4 {margin: 0;} #content p {margin: 0; font: normal 12px Arial;} #content a {margin: 0; font: normal 12px Arial; color: #000000; text-decoration: none;} #content a:hover {color: #590066;text-decoration: none;} #content a:visited {color: #000000; text-decoration: none;} /* locator */ #content div.locator {margin-bottom: 5px;} #content ul.locator {padding: 0; list-style: none;} #content li.locator {padding-left: 0; font: bold 11px Arial; color: #17344b; display: inline;} #content a.locator {font: normal 10px Verdana; color: #17344b; text-decoration: none;} #content a.locator:hover {color: #590066; text-decoration: underline;} #content a.locatorb {font: bold 10px Verdana; color: #17344b; text-decoration: none;} #content a.locatorb:hover {color: #590066; text-decoration: underline;} /* product view: list or thumbnails */ #content div.ltview {text-align: right; margin: -5px 0 2px 0;} #content ul.ltview {padding: 0; list-style: none;} #content li.ltview {padding-left: 0; font: bold 11px Arial; color: #c6c8ca; display: inline;} #content span.ltview {font: normal 10px Verdana; color: #17344b; text-decoration: none;} #content img.ltview {position: relative; margin-right: 4px; top: 3px;} #content a.ltview {font: normal 10px Verdana; color: #17344b; text-decoration: none;} #content a.ltview:hover {color: #590066;} #content a.ltviewb {font: bold 10px Verdana; color: #17344b; text-decoration: none;} #content a.ltviewb:hover {color: #590066;} /* error 404 */ #content div.error404 {background: #fffeef; border: solid 1px #e1e1d5; padding: 10px 0; border: solid 1px; margin-top: 70px;} #content p.error404 {font: bold 12px Arial; color: #e20020; text-align: center;} #content a.error404 {font: bold 12px Arial; color: #000000;} #content a.error404:hover {font: bold 12px Arial; text-decoration: underline;} /* product thumbnails */ #content table.thumbnails {width: 560px; margin-bottom: 5px; cursor: pointer;} #content table.thumbcell {} #content div.thumbcell {width: 134px; height: 215px; margin: 2px 1px; padding: 1px; border: solid 1px #f1f1f1; text-align: center;} #content div.thumbcell:hover {border: solid 1px #848484;} #content td.empty {width: 134px; height: 215px; margin: 3px 2px; padding: 1px;} #content p.mcat {font: bold 8px Verdana; color: #848484;} #content p.cat {font: normal 8px Verdana; color: #848484;} #content img.thumbcell {width: 132px; height: 132px; border: 0; margin: 2px 0;} #content span.price1 {font: normal 8px Arial; color: #A8A8A8; margin-right: 5px;} #content span.price2 {font: bold 14px Arial; color: #FF0000; margin-bottom: 2px;} #content small.net {font-size: 8px;} #content p.description {font: bold 11px Arial; color: #000000; margin-bottom: 2px;} #content div.designername {width: 548px; margin-bottom: 10px; padding: 5px; background: #ffe8d5; border: solid 1px #e3c0a8; text-align: center;} #content div.designername ul {padding: 0; list-style: none;} #content div.designername li {padding-left: 0; font: bold 11px Arial; color: #e3c0a8; display: inline;} #content .designername a {font: bold 12px Arial; color: #812700; margin: 2px;} #content .designername a:hover {color: #cf5100; text-decoration: underline;} /* product table list */ #content table.list {width: 560px; margin: 0; padding: 0;} #content tr.header {height: 20px; font: bold 11px Arial; color: #ffffff; background: #e15a00;} #content td.header1 {width: 5%;} #content td.header2 {width: 75%;} #content td.header3 {width: 10%; text-align: center;} #content td.header4 {width: 10%; text-align: center;} #content tr.list {height: 39px; font: bold 11px Arial;} #content td.list1 {height: 39px; border-bottom: solid 1px #e15a00;} #content td.list2 {height: 39px; border-bottom: solid 1px #e15a00; padding-top: 2px;} #content td.list3 {height: 39px; border-bottom: solid 1px #e15a00; padding-right: 6px; text-align: right;} #content td.list4 {height: 39px; border-bottom: solid 1px #e15a00; padding-top: 4px;} #content img.thumbnail {width: 35px; height: 35px; border: 0; padding-right: 4px;} #content a.link {font: bold 12px Arial; color: #000000; text-decoration: none;} #content a.link:hover {color: #590066; text-decoration: none;} #content p.code {font: normal 10px Arial; color: #818386;} #content p.price1 {width: 75px; font: normal 9px Arial; color: #818386;} #content p.price2 {font: bold 14px Tahoma; color: #e20020;} #content p.natrade {font: bold 9px Arial; color: #818386; text-align: center;} #content td.noprods {} #content div.noprods {font: bold 12px Arial; color: #e20020; background: #fffeef; border: solid 1px #e1e1d5; text-align: center; padding: 10px 0;} #content span.noprodsHL {color: #590066;} #content p.clearance, p.new {font: bold 10px Arial; color: #e20020;} /* product page */ #content div.prodlogo {text-align: right; border-bottom: solid 1px #d6d6d6; margin: -20px 0 5px 0;} #content div.prodtitle {font: italic bold 19px Arial; color: #622700; padding-bottom: 25px;} #content div.prodimage {width: 300px; text-align: center; float: left;} #content img.prodimage {border: 0;} #content div.details {position: absolute; width: 255px; margin: 0px 5px 0 300px;} #content ul.prices {padding-left: 0px;} #content li.net {} #content p.net {font: bold 21px Verdana; color: #FF0000;} #content span.net {font-size: 12px;} #content li.ip_vat {} #content p.ip_vat {font: normal 10px Arial; color: #818386;} #content li.ssp {margin-top: 10px;} #content p.ssp {font: italic bold 12px Arial; color: #2961ae;} #content li.web {} #content p.web {font: bold 12px Arial; color: #FF0000;} #content li.ret_rrp {} #content p.ret_rrp {font: bold 11px Arial; color: #818386;} #content li.ret_web {} #content p.ret_web {font: bold 21px Verdana; color: #FF0000;} #content p.ret_save {font: bold 12px Verdana; color: #FF0000;} #content div.buy {text-align: right; margin: -10px 20px 15px 0;} #content img.buy {width: 60px; height: 23px;} #content div.retonly {background: #fffeef; border: solid 1px #e1e1d5; text-align: center; padding: 5px 0; margin: 10px 20px 15px 0;} #content p.retonly {font: bold 10px Arial; color: #590066;} #content div.features {margin-left: 15px;} #content p.features {padding-left: 10px; font: bold 12px Arial; color: #17344b;} #content ul.features {padding-left: 16px;} #content li.features {padding: 0; font: normal 12px Arial; line-height: 15px; color: #17344b; list-style: url(../gfx/layout/bullet.gif);} #content div.moreinfo {width: 290px; padding: 2px; margin-top: 15px; border: solid 1px #e4e4e5; clear: both;} #content p.moreinfo {padding-left: 5px; font: bold 12px Arial; color: #17344b;} #content ul.moreinfo {padding: 0; list-style: none; margin: 2px 5px;} #content li.moreinfo {padding-left: 0; font: normal 11px Arial; color: #000000; line-height: 15px;} #content div.directurl {width: 290px; padding: 2px; margin-top: 15px;} #content p.directurl_head {padding-left: 5px; font: bold 12px Arial; color: #17344b;} #content p.directurl {padding-left: 5px; font: normal 11px Arial; color: #000000;} #content div.specsheet {width: 290px; padding: 2px; margin-top: 10px;} #content a.specsheet {margin-left: 5px; font: bold 10px Arial; color: #000000; text-decoration: none;} #content a.specsheet:hover {color: #590066;text-decoration: none;} #content div.barcode {width: 290px; padding: 2px; margin-top: 15px;} #content a.specsheet {margin-left: 5px; font: bold 10px Arial; color: #000000; text-decoration: none;} #content a.specsheet:hover {color: #590066;text-decoration: none;} /* terms & conditions */ #content div.terms {margin-right: 20px;} #content div.termsHL {background: #fffeef; border: solid 1px #e1e1d5; padding: 5px 15px; margin: 10px 20px 15px 0;} #content p.terms {font-weight: normal; margin-bottom: 5px;} #content p.termsb {font-weight: bold;} /* contact form */ #content div.contact {margin-right: 20px;} #content p.contact {font: bold 12px Arial; color: #e20020; text-align: left; margin: 6px 0;} #content img.body_contact {width: 166px; height: 26px; border: 0; margin: 5px 0;} #content div.contact_info {width: 260px; background: #fffeef; border: solid 1px #e1e1d5; position: absolute; right: 10px; margin-top: 14px; padding: 5px; text-align: left;} #content p.contact_inf_head {font: bold 12px Arial; color: #000000; margin: 6px 0;} #content p. contact_inf_cont {font: normal 12px Arial;} #content .form form, input {margin: 0;} #content .form label {font: bold 11px Arial; color: #000000; margin-bottom: 3px; display: block;} #content .form select {height: 20px; border: solid 1px #000000; margin-bottom: 5px;} #content .form input {width: 275px; height: 20px; border: solid 1px #000000; margin-bottom: 6px;} #content .form input.name {width: 212px;} #content .form textarea {width: 275px; font: 12px monospace; border: solid 1px #000000; margin-bottom: 6px; display: block;} #content .form input.button {width: 68px; height: 23px; border: 0; margin: 20px 90px; } /* Passport Photo Guide */ #content div.passprtphtside {right: 10px; position: absolute; width: 150px; text-align: right;} #content img.uk_passservice1 {width: 116px; height: 58px;} #content img.uk_passservice2 {width: 150px; height: 920px; margin-top: 20px;} #content a.psprtlink {font: normal 11px Arial; color: #000000; text-decoration: none;} #content a.psprtlink:hover {color: #590066; text-decoration: underline;} #content div.passportphoto {margin-right: 160px;} #content ul.passportphoto {margin: 2px 5px; padding-left: 15px;} #content li.passportphoto {padding: 0; font: normal 12px Arial; color: #000000; line-height: 15px; list-style: url(../gfx/layout/bullet.gif);} #content p.postnotes {font: bold 11px Arial; color: #e20020; margin: 5px 0 15px 0;} #content p.helpline {font: normal 13px Arial; color: #000000; margin: 15px 0;} #content img.uk_passservice3 {width: 310px; height: 155px; margin: 10px 50px;} #content div.pass_acrobat {margin-top: 20px;} #content div.pass_acrobat img {width: 88px; height 31px; margin-bottom: 10px;} #content div.pass_acrobat p {font: normal 10px Arial;} #content div.pass_acrobat a {font: bold 10px Arial;} /* Browse by brand */ #content div.brands {margin-right: 20px;} #content table.brands {width: 560px; margin: 0; padding: 0;} #content tr.brands {height: 35px;} #content td.brandhead {border: 0px; background-color: #f6f6fb; padding: 10px;} #content p.brandhead {font: normal 12px Arial; color: #727272; text-align: right;} #content td.brand {border: solid 1px #f7f5f4; padding: 2px 0; text-align: center;} #content td.brand:hover {border: solid 1px #e2e0df; cursor: pointer;} #content td.brand_blnk {border: none;} #content div.brandname {height: 35px; margin: 25px 0 0 0;} #content p.brandname {font: bold 14px Arial;} #content p.brandinfo {font: normal 11px Arial; margin: 0;} /* basket display */ #content td.bsk_head1 {width: 60%; padding-left: 10px;} #content td.bsk_head2 {width: 12%; text-align: center;} #content td.bsk_head3 {width: 10%; text-align: center;} #content td.bsk_head4 {width: 11%; text-align: center;} #content td.bsk_head5 {width: 11%; text-align: center;} #content td.bsk_head6 {width: 15%;} #content tr.bsk_list {height: 39px; font: bold 11px Arial;} #content div.basket ul {width: 520px; margin: 2px 5px; padding-left: 15px;} #content div.basket li {padding: 0; list-style: url(../gfx/layout/bullet.gif);} #content div.basket li p {padding: 0; font: bold 12px Arial; color: #000000; line-height: 15px; list-style: url(../gfx/layout/bullet.gif);} /* Product */ #content td.bsk_list1 {height: 39px; border-bottom: solid 1px #9ebed7; padding: 1px 1px 2px 10px;} /* Unit Price */ #content td.bsk_list2 {height: 39px; border-bottom: solid 1px #9ebed7; text-align: center;} #content p.bsk_list2 {font: normal 12px Arial; color: #408080;} /* Qty */ #content td.bsk_list3 {height: 39px; border-bottom: solid 1px #9ebed7; text-align: center;} #content input.bsk_list3 {width: 27px; text-align: center; border: solid 1px #000000;} #content p.bsk_list3 {font: normal 12px Arial; color: #408080;} /* Price */ #content td.bsk_list4 {height: 39px; border-bottom: solid 1px #9ebed7; text-align: right; padding-right: 5px;} #content p.bsk_list4 {font: bold 14px Arial; color: #FF0000;} /* VAT */ #content td.bsk_list5 {height: 39px; border-bottom: solid 1px #9ebed7; text-align: center;} #content p.bsk_list5 {font: normal 10px Arial; color: #408080;} #content small.bsk_list5 {font: normal 8px Arial; color: #408080;} /* delete */ #content td.bsk_list6 {height: 39px; border-bottom: solid 1px #9ebed7;} #content img.bsk_list6 {width: 12px; height: 11px; border: 0;} #content td.bsk_subtotal {height: 28px; text-align: right; padding-right: 10px;} #content p.bsk_subtotal {font: bold 12px Arial; color: #000000;} #content td.bsk_subtotal_val {height: 28px; border-bottom: solid 1px #9ebed7; text-align: right; padding-right: 5px;} #content p.bsk_subtotal_val {font: bold 14px Arial; color: #FF0000;} #content td.bsk_delvr {height: 28px; text-align: right; padding-right: 10px;} #content p.bsk_delvr {font: bold 12px Arial; color: #000000;} #content td.bsk_delvr_val {height: 28px; border-bottom: solid 1px #9ebed7; text-align: right; padding-right: 5px;} #content p.bsk_delvr_val {font: bold 14px Arial; color: #FF0000;} #content td.bsk_delvr_info {height: 28px; border-bottom: solid 1px #9ebed7; text-align: center;} #content p.bsk_delvr_info {font: normal 9px Arial; color: #408080; padding: 0;} #content td.bsk_vat {height: 28px; text-align: right; padding-right: 10px;} #content p.bsk_vat {font: bold 12px Arial; color: #000000;} #content td.bsk_vat_val {height: 28px; border-bottom: solid 1px #9ebed7; text-align: right; padding-right: 5px;} #content p.bsk_vat_val {font: bold 14px Arial; color: #FF0000;} #content .bsk_vat_val p.small {font: normal 9px Arial; color: #FF0000;} #content td.bsk_vat_info {height: 28px; border-bottom: solid 1px #9ebed7; text-align: center;} #content p.bsk_vat_info {font: normal 10px Arial; color: #408080; padding: 0;} #content td.bsk_total {height: 28px; text-align: right; padding-right: 10px;} #content p.bsk_total {font: bold 13px Arial; color: #000000;} #content td.bsk_total_val {height: 28px; border-top: solid 2px #9ebed7; text-align: right; padding-right: 5px;} #content p.bsk_total_val {font: bold 14px Arial; color: #FF0000;} #content td.bsk_buttons {height: 50px; text-align: center; padding-top: 10px;} #content input.bsk_update {width: 60px; height: 23px; margin-left: 5px; border: 0; display: inline;} #content input.bsk_checkout {width: 74px; height: 23px; margin-right: 5px; border: 0; display: inline;} #content input.bsk_inorder {width: 125px; height: 23px; margin-left: 10px; border: 0; display: inline;} /* Search Engine */ #content div.search {} #content span.search_qty {color: #FF0000;} #content span.navi {font: bold 11px Arial; color: #d6d6d6;} #content span.navis {font: normal 9px Arial; color: #17344b; border: solid 1px #d6d6d6; margin: 0 3px; padding: 2px 4px;} #content td.navi {height: 30px; text-align: center; padding-top: 15px;} #content ul.navi {padding: 0; list-style: none;} #content li.navi {padding: 0; font: bold 11px Arial; color: #17344b; display: inline;} #content a.navi {font: bold 11px Arial; color: #17344b; text-decoration: none; padding: 0 2px;} #content a.navi:hover {color: #590066; text-decoration: underline;} #content td.advsearch_button {height: 70px; border: solid 1px;} #content div.asearch {width: 110px; background: #FCEAD3; border: dotted 1px; margin: 10px auto; padding: 5px; cursor: pointer;} #content div.asearch:hover {background: #FFF581; color: #590066;} #content div.asearch p {font: bold 11px Arial; text-align: center;} #content div.asearch span {font: bold 16px Arial;} /* DHL Tracking */ #content .dhl p {font: bold 11px Arial; margin: 5px 0;} #content .dhl p.small {font: normal 10px Arial; margin: 5px 0;} #content .dhl input.txt {border: solid 1px #000000; background: none;} /* Medel Products */ #content div.medellogo {text-align: right; margin: -58px 0 -35px 0;} #content div.thumbcell {width: 132px; margin: 1px; padding: 1px 2px;} #content .medel td.list1 {width: 10%;} #content .medel td.list2 {width: 80%;} #content .medel td.list3 {width: 10%; text-align: right;} #content .medel h2 {margin-top: 25px; color: #2961ae;} /* Signin part */ #content div.signin {} #content div.signin_box {margin: 30px 70px; width: 355px; height: 210px; padding: 30px 0 0 25px; background: url(../gfx/layout/bkg_logins.jpg) no-repeat;} #content h2.signin_box {text-align: center; margin: 5px;} #content .form select.selector {width: 100px; height: 20px; margin-bottom: 6px;} #content .form select.selector:focus {background: #fffde8;} #content .form input.accno1 {width: 210px; height: 18px; display: inline;} #content .form input.accno2 {width: 315px; height: 18px;} #content .form input.accno1:focus, #content .form input.accno2:focus {background: #fffde8;} #content .form input.password {width: 315px; height: 17px; margin-bottom: 5px;} #content .form input.password:focus {background: #fffde8;} #content div.loginerror {width: 315px; height: 16px; padding: 2px auto; background: #ff0000;} #content p.loginerror {font: bold 11px Arial; color: #ffffff; text-align: center;} /*#content .form input.signin {width: 57px; height: 23px; margin: 5px 5px 2px 70px; border: 0; display: inline;}*/ #content .form input.signin {width: 57px; height: 23px; margin: 5px 5px 2px 140px; border: 0; display: inline;} #content .form input.ncust {width: 106px; height: 23px; margin: 5px 70px 2px 5px; border: 0; display: inline;} #content .form a {display: block; text-align: center;} /* Account Info */ #content div.account {} #content ul.account {width: 275px; margin: 2px 5px; padding-left: 0px;} #content li.account {padding: 0; line-height: 18px; list-style: none; border-bottom: dotted 1px #000000;} #content div.account label {font: normal 12px Arial; color: #000000;} #content div.account span {font: bold 12px Arial; color: #000000; padding-left: 10px;} #content li.account a {font: bold 12px Arial; color: #000000; padding: 2px 10px;} #content div.account p.small {font: normal 10px Arial; color: #000000; margin: 10px 0 20px 0;} #content div.account p.norders {font: normal 11px Arial; color: #000000;} #content div.account p.setlinf {width: 400px; font: bold 12px Arial; color: #000000; margin-top: 60px;} #content div.account div.loginf {background: #FF0000; border: solid 1px #000000; margin-top: 20px; padding: 3px;} #content div.account p.loginf {font: bold 11px Arial; color: #ffffff; text-align: center; } /* Administration: index */ #content div.admin {} #content ul.admin {margin: 2px 5px; padding-left: 0px;} #content li.admin {padding: 5px; list-style: none; border-bottom: solid 1px #9ebed7; cursor: pointer;} #content li.admin:hover {background: #f8f8f8; border-bottom: solid 1px #000000;} #content li.admin p.hd {font: bold 12px Verdana; color: #2961ae;} #content p.hd small {font: normal 11px Verdana; color: #2961ae;} #content li.admin p.tx {font: normal 12px Verdana; color: #000000;} #content li.admin:hover p.hd, #content li.admin:hover p.hd small {color: #000000;} #content li.admin:hover p.tx {color: #636466;} #content li.admin form {position: absolute; margin: -25px 0 0 250px;} #content li.admin input.barcode {width: 134px;} #content li.admin input.size {width: 70px;} /* Administration: order list */ #content div.ordstatus {margin: 5px;} #content p.ordstatus {font: normal 11px Arial; color: #000000; padding-right: 3px; display: inline;} #content ul.ordstatus {padding: 0; list-style: none; display: inline;} #content li.ordstatus {padding-left: 0; font: bold 11px Arial; color: #17344b; display: inline;} #content a.ordstatus {font: normal 10px Verdana; color: #17344b; text-decoration: none;} #content a.ordstatus:hover {color: #590066; text-decoration: underline;} #content a.ordstatusb {font: bold 10px Verdana; color: #17344b; text-decoration: none;} #content a.ordstatusb:hover {color: #590066; text-decoration: underline;} #content .admin td {text-align: center;} #content .admin tr.list:hover {background: #f8f8f8;} #content .admin td.header1 {width: 22%;} #content .admin td.header2 {width: 18%;} #content .admin td.header3 {width: 40%;} #content .admin td.header4 {width: 20%;} #content p.chngostat {font: normal 10px Verdana; color: #000000; display: inline;} #content ul.chngostat {padding: 0; list-style: none; display: inline;} #content li.chngostat {padding-left: 0; font: normal 10px Arial; color: #17344b; display: inline;} #content a.chngostat {font: normal 10px Verdana; color: #17344b;} #content a.chngostat:hover {color: #590066; text-decoration: underline;} #content a.chngostatb {font: bold 10px Verdana; color: #17344b; text-decoration: none;} #content a.chngostatb:hover {color: #590066;} #content .admin td.list1, #content .admin td.list2, #content .admin td.list3, #content .admin td.list4 {height: 32px;} /* Invoice */ #content div.invoice {} #content .invoice h1 {font: bold 16px monospace; color: #000000; text-align: center;} #content .invoice h2 {font: normal 11px monospace; text-align: center; margin: -10px 0 10px 0;} #content .invoice h3 {font: bold 11px Arial; color: #590066; margin: 5px 0;} #content div.cust_inf {width: 275px; height: 225px; float: left; display: inline; margin: 0 1px 5px 0;} #content div.cust_inf ul {margin: 2px 5px; padding-left: 0px;} #content div.cust_inf li {padding: 0; line-height: 18px; list-style: none; border-bottom: dotted 1px #000000;} #content div.cust_inf label {font: normal 12px Arial; color: #000000;} #content div.cust_inf span {font: bold 12px Arial; color: #000000; padding-left: 10px;} #content div.cust_inf span.big {font: bold 14px Arial; padding-left: 0px;} #content div.cust_inf span.small{font: bold 10px Arial; padding-left: 0px;} #content div.bill_add {width: 275px; height: 225px; float: left; display: inline; margin: 0 0 5px 1px;} #content div.bill_add ul {margin: 2px 5px; padding-left: 0px;} #content div.bill_add li {padding: 0; line-height: 18px; list-style: none; border-bottom: dotted 1px #000000;} #content div.bill_add label {font: normal 12px Arial; color: #000000;} #content div.bill_add span {font: bold 12px Arial; color: #000000; padding-left: 10px;} #content div.print_order {clear: both; position: absolute; right: 10px; width: 130px; height: 25px; margin: 8px 0;} #content div.print_order img {width: 25px; height: 25px; border: 0;} #content a.print_order {position: relative; top: -7px; left: 5px; margin: -5px 5px 0 0; font: bold 13px Arial;} #content div.instructions {width: 560px; margin: 0 0 5px 1px; clear: both; padding-top: 5px;} #content div.instructions label {font: normal 12px Arial; color: #000000; padding: 10px 5px;} #content div.instructions p {font: bold 13px Comic Sans MS, Comic Sans, Arial; color: #000000; margin: 3px; margin-bottom: 15px;} #content div.card_details {width: 250px; margin: 10px 1px 5px 0;} #content div.card_details ul {margin: 2px 5px; padding-left: 0px;} #content div.card_details li {padding: 0; line-height: 18px; list-style: none; border-bottom: dotted 1px #000000;} #content div.card_details label {font: normal 12px monospace; color: #000000;} #content div.card_details span {font: bold 12px monospace; color: #000000; padding-left: 10px;} #content div.discount_info {margin-top: 5px;} #content div.invoice p.setlinf {font: bold 11px Arial;} /* Administration: update products & stock */ #content div.addproducts {} #content div.addprods_boxhead {margin: 0 5px; height: 18px; background: #2961ae; border-bottom: solid 5px #9ebed7;} #content p.addprods_boxhead {padding: 2px 5px; font: bold 12px Arial; color: #ffffff;} #content div.addprods_content {margin: 0 5px; padding: 5px; background: #efefef; border: solid 1px #9ebed7;} #content p.addprods_contentb {margin: 4px; font: bold 12px Arial; color: #000000;} #content p.addprods_content {margin: 4px; font: normal 11px Arial; color: #000000;} #content input.addprods_content {margin: 60px 0 10px; 0; clear: both;} #content input.download_content {margin: 10px 250px 10px 250px;} #content .addprods_content .col1 {width: 50%; float: left; left: 10px;} #content .addprods_content .col2 {float: right; right: 10px; position: relative;} /* Administration: customerss */ #content div.customers {} /* accounts table list */ #content table.list {width: 560px; margin: 0; padding: 0;} #content tr.accheader {height: 22px; font: bold 11px Arial; color: #ffffff; background: #2961ae;} #content td.acchead1 {width: 17%; text-align: center;} #content td.acchead2 {width: 20%; text-align: center;} #content td.acchead3 {width: 43%; text-align: center;} #content td.acchead4 {width: 10%; text-align: center;} #content td.acchead5 {width: 10%; text-align: center;} #content tr.acclist {height: 33px; font: normal 10px Arial; background: #fffef9;} #content td.acclist1 {height: 33px; border-bottom: solid 1px #9ebed7; padding-left: 5px;} #content td.acclist2 {height: 33px; border-bottom: solid 1px #9ebed7; padding-left: 2px;} #content td.acclist3 {height: 33px; border-bottom: solid 1px #9ebed7; padding-left: 2px;} #content td.acclist4 {height: 33px; border-bottom: solid 1px #9ebed7; padding-left: 2px;} #content td.acclist5 {height: 33px; border-bottom: solid 1px #9ebed7; padding-left: 2px;} #content p.accactive {font: bold 11px Arial; color: #000000; text-decoration: none;} #content a.accactive {font: bold 11px Arial; color: #000000; text-decoration: none;} #content a.accdisabled {font: normal 11px Arial; color: #636466; text-decoration: none;} /* accounts edit & add */ #content table.accpdet, #content table.accbilling {width: 275px; height: 235px; float: left; display: inline; font: bold 10px Arial; padding: 0 2px 3px 2px;} #content td.accedhead {height: 12px; font: bold 11px Arial; color: #ffffff; background: #2961ae; padding: 3px;} #content td.accedrow1 {width: 90px; height: 22px; font: bold 11px Arial; padding-right: 5px; text-align: right;} #content td.accedrow1pass {width: 90px; height: 30px; font: bold 10px Arial; padding-right: 5px; text-align: right; background: #d6d6d6;} #content td.accedrow2 {width: 185px; height: 22px; font: bold 10px Arial; padding-left: 5px; text-align: left;} #content td.accedrow2pass {width: 185px; height: 30px; font: bold 10px Arial; padding-left: 5px; text-align: left; background: #d6d6d6;} #content input.accedrow2 {border: solid 1px #000000; width: 180px;} #content input.accedrow2check {font-weight: bold; border: solid 1px #000000; width: 125px; margin-right: 3px;} #content input.accedrow2pass {border: solid 1px #000000; width: 120px;} #content input.accedrow2passbut {margin-left: 10px;} #content select.accedrow2 {border: solid 1px #000000; width: 100px; font-size: 11px;} #content div.accedrow2clear {clear: both; padding: 0 200px; text align: center;} #content div.accedrow2clear2 {clear: both; padding: 0 170px; text align: center;} #content input.accedrow2clear {margin: 25px 0 0 0;} /* Offers Manager */ #content li.admin p.omhd {font: bold 12px Verdana; color: #2961ae; margin-bottom: 5px;} /* ### FOOTER ### */ #footer {clear: both; margin-top: 20px;} #footer div.links {padding: 7px; text-align: center;} #footer ul.links {padding-left: 0px; list-style: none;} #footer .links li {padding-left: 0; font: normal 13px Arial; color: #d6d6d6; display: inline;} #footer .links a {font: bold 11px Arial; color: #000000; text-decoration: none;} #footer .links a:hover {font: bold 11px Arial; text-decoration: underline;} #footer div.disc {padding: 7px;} #footer p.disc {font: normal 10px Arial; color: #5d5d5d; text-align: center;} } @media print { body {background: none;} #container {border: 0;} #header {background: none;} #header div.softver {display: none;} #headlinks {display: none;} #left {display: none;} #right {display: none;} #content {margin: 0;} #content div.ltview {display: none;} #content div.buy {display: none;} #content div.print_order {display: none;} #footer div.links {display: none;} }