
<!--  Menu CSS --> # { }

#item_tab_settings {
 margin-left: 250px !important;
 margin-top: 50px !important;
}

#item_tab_settings .vertical .off {
 padding-top: 15px;
 padding-bottom: 15px;
}

#item_tab_settings .vertical .off  a {
 color: #000000 !important;
}

#item_tab_settings .vertical .on {
 padding-top: 15px;
 padding-bottom: 15px;
 background-image: none !important;
}

#item_tab_settings .vertical .on  a {
 color: #000000 !important;
}

#item_tab_settings .vertical .main-section {
 margin-left: -200px !important;
 background color: #000020 !important;
}

#item_tab_settings .vertical .tab-command a {
 color: #000000 !important;
}
<!--  Site CSS --> # { }

body {
 width: 100%;
 height: 100%;
 min-height: 100%;
 background-color: #000020;
 font-family: trebuchet, sans-serif !important;
}

.container {
 height: 100%;
 min-height: 100%;
 margin: 0px auto 0px auto !important;
 background-image: url(../img/blue-background-bright.jpg);
 background-repeat: no-repeat; 
 background-color: #0D0D27;
}


.main {
 width: 698px;
 height: 100%;
 min-height: 100%;
 margin-left: 309px;
 margin-bottom: 0px;
 background-color: #FFFFFF;
}

td#header_title {
 width: 200px;
}

.pagetitle {
 height: 71px !important;
 background-color: transparent !important; 
}

.pagetitle h1 {
 background-color: transparent !important;
}

.pagetitle span span {
 font-family: trebuchet, sans-serif !important;
 font-weight: bold;
 color: #0e1236;
 margin-left: 30px;
 margin-bottom: -30px;
}

.pagetitle h1 span {
 display: none;
}

p {
 font-family: trebuchet, sans-serif !important;
 font-size: 13px;
 margin-left: 30px;
}

table.form-body {
 width: 640px !important;
 margin-left: 30px;
 margin-bottom: 0px
 font-family: trebuchet, sans-serif !important;
 line-height: 120%;
}

.buttonsbar {
 width: 698px !important;
}


<!-- Index CSS --> # { }

.main.welcome .pagetitle {
 margin-top: -20px;
} 

.pagetitle h1.welcome {
 background-image: url(../img/header-welcome.jpg);
 height: 68px;
 width: 700px;
 margin-top: -15px;
 margin-left: -5px;
 background-repeat: no-repeat;
 padding: 0px;
 overflow: hidden;
}

.main.welcome .center {
 background-color: #ffffff;
 padding-bottom: 20px;
} 

<!-- Customer Service CSS --> # { }

.pagetitle h1.custservice {
 background-image: url(../img/header-custservice.jpg);
 height: 68px;
 width: 700px;
 margin-top: -7px;
 margin-left: -5px;
 background-repeat: no-repeat;
}


<!-- Authorization CSS --> # { }


.main.authorization .pagetitle {
 display: block;
 position: relative;
 margin-top: 17px !important;
}

.pagetitle h1.authorization {
 vertical-align: top !important;
 background-image: url(../img/header-admin.jpg);
 height: 68px;
 width: 700px;
 margin-top: -30px !important;
 margin-left: -5px;
 background-repeat: no-repeat;
}

span#login.intro { 
 font-family: trebuchet, sans-serif !important;
 font-weight: bold;
 line-height: 120%;
}


<!-- Catalog CSS --> # { }

.select-items {
 background-color: transparent;
}

.catalog {
 background-color: #ffffff;
 margin-top: 0px;
}

.main.select-items .pagetitle {
 display: block;
 position: relative;
}

.pagetitle h1.catalog {
 background-image: url(../img/header-catalog-tab1.jpg);
 height: 68px;
 width: 700px;
 margin-top: -7px !important;
 margin-left: -5px;
 background-repeat: no-repeat;
}
 

table#table_1 {
 width: 660px;
 margin-top: 0px !important;
 margin-left: 90px;
}


#table_1 .longname {
 width: 400px !important;
 padding-top: 10px !important;
 padding-left: 10px !important;
}

#table_1 .longname ul li {
 font-size: 90%;
 line-height: 110%;
}

#table_1 .first {
 width: 100px !important;
 text-align: left !important;
 padding: 0px 5px 0px 5px !important; 
 font-size: small !important; 
}

#table_1 .first.center{
 width: 100px !important;
 text-align: center !important;
 padding: 0px 5px 0px 5px !important; 
 font-size: small !important; 
}

#table_1 .first div div {
 text-align: center !important;
 width: 120px;
 font-size: small !important;
 white-space: normal; 
}

#table_1 .label {
 text-align: right !important;
 padding-right: 20px !important;
 padding-top: 8px !important;
 padding-bottom: 8px !important;
}

#table_1 .last {
 text-align: right;
 }

#catalogpopup-body {
 background-color: #ffffff !important;
 background-image: none;
}

#catalogpopup-body .title {
 margin: 15px !important;
}

.catalog-tab-blurb {
 display: block;
 position: relative;
 height: 65px;
 width: 680px;
 margin-top: 40px;
 margin-left: 70px;
}

.error {
 margin-top: 0px;
 background-color: transparent !important;
}



<!-- Catalog vertical tabs CSS --> # { }

table.vertical-shell {
 display: block;
 position: relative;
 margin-top: -50px;
 margin-left: -285px;
}


td.tab-section {
 width: 275px !important;
 background-color: transparent !important;
 color: #FFFFFF !important;
}

.vertical {
 background-color: transparent !important;
}

.vertical a {
 background-color: transparent !important;
}



.vertical .on a {
 padding-left: 30px;
}

.vertical .off a {
 padding-left: 30px;
}



.vertical div.off:hover {
  background-color: transparent !important;
}


.on {
 height: 14px;
 width: 210px;
 background-image: url(../img/tab-on-back.jpg);
 background-position: right bottom;
 background-repeat: no-repeat;
 background-color: transparent !important;
 padding-top: 10px !important;
 margin:0px;
 vertical-align: bottom; 
 font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; 
 font-size: 14px;
 font-weight: bold; 
}

.off {
 height: 14px;
 width: 200px;
 background-color: transparent !important;
 padding-top: 10px !important;
 margin:0px;
 vertical-align: bottom; 
 font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; 
 font-size: 14px;
 font-weight: bold !important; 
}

.on#tab_0 {
 height: 19px;
 width: 200px;
 background-image: url(../img/tab1-on-back.png);
 background-position: right bottom;
 background-repeat: no-repeat;
 background-color: transparent !important;
 padding-top: 10px !important;
 margin: 0px !important;
}

#tab_0 {
 height: 19px;
 width: 200px;
 background-image: url(../img/tab1-off-back.gif);
 background-position: right bottom;
 background-repeat: no-repeat;
 background-color: #transparent !important;
 padding-top: 10px !important;
 margin: 0px !important;
}

.on#tab_1 {
 height: 19px;
 width: 200px;
 background-image: url(../img/tab4-on-back.png);
 background-position: right bottom;
 background-repeat: no-repeat;
 background-color: transparent !important;
 padding-top: 10px !important;
 margin: 0px;
}

#tab_1 {
 height: 19px;
 width: 200px;
 background-image: url(../img/tab4-off-back.gif);
 background-position: right bottom;
 background-repeat: no-repeat;
 background-color: transparent !important;
 padding-top: 10px !important;
 margin:0px;
}

.on#tab_2 {
 height: 19px;
 width: 200px;
 background-image: url(../img/tab5-on-back.png);
 background-position: right bottom;
 background-repeat: no-repeat;
 background-color: transparent !important;
 padding-top: 10px !important;
 margin: 0px;
}

#tab_2 {
 height: 19px;
 width: 200px;
 background-image: url(../img/tab5-off-back.gif);
 background-position: right bottom;
 background-repeat: no-repeat;
 background-color: transparent !important;
 padding-top: 10px !important;
 margin: 0px;
}

.on#tab_3 {
 height: 19px;
 width: 200px;
 background-image: url(../img/tab6-on-back.png);
 background-position: right bottom;
 background-repeat: no-repeat;
 background-color: transparent !important;
 padding-top: 10px !important;
 margin: 0px;
}

#tab_3 {
 height: 19px;
 width: 200px;
 background-image: url(../img/tab6-off-back.gif);
 background-position: right bottom;
 background-repeat: no-repeat;
 background-color: transparent !important;
 padding-top: 10px !important;
 margin: 0px;
}

.on#tab_4 {
 height: 19px;
 width: 200px;
 background-image: url(../img/tab7-on-back.png);
 background-position: right bottom;
 background-repeat: no-repeat;
 background-color: transparent !important;
 padding-top: 10px !important;
 margin: 0px;
}

#tab_4 {
 height: 19px;
 width: 200px;
 background-image: url(../img/tab7-off-back.gif);
 background-position: right bottom;
 background-repeat: no-repeat;
 background-color: transparent !important;
 padding-top: 10px !important;
 margin: 0px;
}

.on#tab_5 {
 height: 19px;
 width: 200px;
 background-image: url(../img/tab8-on-back.png);
 background-position: right bottom;
 background-repeat: no-repeat;
 background-color: transparent !important;
 padding-top: 10px !important;
 margin: 0px;
}

#tab_5 {
 height: 19px;
 width: 200px;
 background-image: url(../img/tab8-off-back.gif);
 background-position: right bottom;
 background-repeat: no-repeat;
 background-color: transparent !important;
 padding-top: 10px !important;
 margin: 0px;
}

.on#tab_6 {
 height: 19px;
 width: 200px;
 background-image: url(../img/tab5-on-back.png);
 background-position: right bottom;
 background-repeat: no-repeat;
 background-color: transparent !important;
 padding-top: 10px !important;
 margin: 0px;
}

.off#tab_6 {
 height: 19px;
 width: 200px;
 background-image: url(../img/tab5-off-back.gif);
 background-position: right bottom;
 background-repeat: no-repeat;
 background-color: transparent !important;
 padding-top: 10px !important;
 margin: 0px;
}

.on#tab_7 {
 height: 19px;
 width: 200px;
 background-image: url(../img/tab3-on-back.png);
 background-position: right bottom;
 background-repeat: no-repeat;
 background-color: transparent !important;
 padding-top: 10px !important;
 margin: 0px !important;
}

#tab_7 {
 height: 19px;
 width: 200px;
 background-image: url(../img/tab3-off-back.gif);
 background-position: right bottom;
 background-repeat: no-repeat;
 background-color: #transparent !important;
 padding-top: 10px !important;
 margin: 0px !important;
}

.on#tab_8 {
 height: 19px;
 width: 200px;
 background-image: url(../img/tab9-on-back.png);
 background-position: right bottom;
 background-repeat: no-repeat;
 background-color: transparent !important;
 padding-top: 10px !important;
 margin: 0px !important;
}

#tab_8 {
 height: 19px;
 width: 200px;
 background-image: url(../img/tab9-off-back.gif);
 background-position: right bottom;
 background-repeat: no-repeat;
 background-color: #transparent !important;
 padding-top: 10px !important;
 margin: 0px !important;
}


.after {
 padding-top: 20px !important;
 color: #FFFFFF !important;
}

#basket-list-title {
 padding-bottom: 10px !important;
 text-align: left !important;
}

.after .basket-list-item {
 padding-bottom: 15px !important;
}

.after .basket-list-item a {
 color: #FFFFFF !important;
}

<!-- Imprint CSS --> # { }

.pagetitle h1.proposal {
 background-image: url(../img/header-custproposal.jpg);
 height: 68px;
 width: 700px;
 margin-top: -7px;
 margin-left: -5px;
 background-repeat: no-repeat;
}

.personal-introtext {
 font-family: trebuchet, sans-serif !important;
 font-size: 16px;
 margin-left: 30px;
 padding-bottom: 10px;
}


.personal-accentnote {
 width: 640px;
 font-family: trebuchet, sans-serif !important;
 font-size: 13px;
 line-height: 120%;
 margin-left: 15px;
}

<!-- Proofs CSS --> # { }

.pagetitle h1.proofs {
 background-image: url(../img/header-proofs.jpg);
 height: 68px;
 width: 700px;
 margin-top: -7px;
 margin-left: -5px;
 background-repeat: no-repeat;
}

td.previewcell a img {
 border: 1px #000020 solid;
}

td.previewcell a img:hover {
 border: 1px #83BBE0 solid;
}


<!-- Shipping CSS --> # { }


.main.shipping {
 padding-bottom: 15px;
}

.main.shipping .pagetitle {
 background-color: transparent !important; 
 background-image: none;
 height: 68px !important
 overflow: hidden;
 margin-top: 17px !important;
}

.shiptitle h1.quantities {
 background-image: url(../img/header-quantities.jpg);
 height: 68px !important;
 width: 700px;
 margin-top: -27px !important;
 margin-left: -5px !important;
 margin-bottom: 38px !important;
 background-repeat: no-repeat;
 position: relative;
 vertical-align: top !important;
}

.shipping table.form-body {
 margin-bottom: 30px;
}

.message-block {
 margin-left: 30px;
 font-family: trebuchet, sans-serif !important;
}



<!-- Review CSS --> # { }

.main.review .pagetitle { 
 background-color: transparent !important; 
 background-image: none;
 height: 68px !important
 overflow: hidden;
 margin-top: 17px !important;
}

.pagetitle h1.review {
 background-image: url(../img/header-review.jpg);
 height: 68px;
 width: 700px;
 margin-top: -27px;
 margin-left: -5px;
 background-repeat: no-repeat;
 position: relative;
}

.pageinstructions {
 font-family: trebuchet, sans-serif !important;
 font-size: 13px;
 margin-left: 30px;
}

table.items-table {
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}

.note {
 font-family: trebuchet, sans-serif !important;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}


<!-- Cancel Page CSS --> # { }

.pagetitle h1.cancel {
 background-image: url(../img/header-ordercancel.jpg);
 height: 68px;
 width: 350px;
 margin-top: -7px;
 margin-left: -5px;
 background-repeat: no-repeat;
}

<!-- Order Complete CSS --> # { }

.main.done div {
 margin-left: 30px;
 margin-right: 30px;
}

.main.done span.paragraph {
 font-family: trebuchet, sans-serif !important;
 font-size: 13px;
 line-height: 18px;
}

.main.done .pagetitle {
 background-color: transparent !important; 
 background-image: none;
 height: 68px !important
 overflow: hidden;
 margin-top: 17px !important;
 margin-left: -30px;
}

.pagetitle h1.complete {
 background-image: url(../img/header-complete.jpg);
 height: 68px;
 width: 700px;
 margin-top: -27px;
 margin-left: -5px;
 background-repeat: no-repeat;
}

<!-- Footer CSS --> # { }


.footer {
 height: 27px !important;
 width: 699px !important;
 background-color: #FFFFFF;
 margin-top: 0px;
 margin-left: 309px !important;
 padding: 0px !important;
}

.footer table.middle-row {
 height: 27px;
 padding: 0px;
 margin-top: -5px;
 background-color: transparent;
}

.footer img {
 height: 27px !important;
 width: 698px !important;
 margin-left: -1px;
 margin-bottom: -1px;
 margin-top: 0px;
 vertical-align: top;
}

<!-- Approval Required CSS --> # { }


.pagetitle h1.approval {
 background-image: url(../img/header-catalog-approvalreq.jpg);
 height: 68px;
 width: 700px;
 margin-top: -7px;
 margin-left: -5px;
 background-repeat: no-repeat;
}

<!-- Reorder CSS --> # { }

.pagetitle h1.reorder {
 background-image: url(../img/header-reorder.jpg);
 height: 68px;
 width: 700px;
 margin-top: -17px;
 margin-left: -9px !important;
 background-repeat: no-repeat;
 padding: 0px;
 overflow: hidden;
}

.pagetitle h1.reorderitems {
 background-image: url(../img/header-reorderitems.jpg);
 height: 68px;
 width: 700px;
 margin-top: -17px;
 margin-left: -9px !important;
 background-repeat: no-repeat;
 padding: 0px;

 overflow: hidden;
}


.main.basket-view table.items-table {
 margin-left: 15px !important;
}

.main.basket-view table {
 margin-left: 15px !important;
}

.main.basket-view table td.previewcell {
 width: 663px;
 margin-left: 15px !important;
}