/******************************************** GENERAL */
* {
margin:0;
padding:0;
}
body {
background:#eaf2f5;
color:#444;
font:normal normal normal 12px/18px verdana,helvetica,arial,sans-serif;
padding:15px 0;
}
.clear {
clear:both;
font-size:0;
height:0;
line-height:0em;
width:0;
}
.green {
color:#690;
}
.red {
color:#f00;
}
.center {
text-align:center;
}
.canceled td {
color:#ccc;
text-decoration:line-through;
}
.canceled td.link {
text-decoration:none !important;
}
img {
border:none;
}
.input-left,
.input-right {
background:transparent url('/images/input-left.gif') no-repeat;
float:left;
font-size:0;
height:22px;
width:7px;
}
.input-right {
background-image:url('/images/input-right.gif');
margin-right:5px;
}
select,
textarea {
background:#fff;
background-image:url('/images/bg-input.gif');
background-repeat:repeat-x;
border:1px solid #d4d3cb;
font-family:arial;
font-size:1em;
padding:1px;
}
input {
background:#fff url('/images/input-center.gif') repeat-x;
border:none;
float:left;
font-family:arial;
font-size:1em;
height:18px;
padding:4px 0 0 0;
width:90px;
}
ul, ol {
font-size:0.9em;
list-style-position:outside;
padding:0 0 15px 2em;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin:0;
padding-bottom:0;
}
.list-square {
list-style-type:square;
}
.list-disc {
list-style-type:disc;
}
.list-circle {
list-style-type:circle;
}
form {
margin:0 0 1em 0;
}
form p {
margin:0 0 5px 0;
}
table {
margin:0 0 1em 0;
}
.left {
text-align:left;
}
.right {
text-align:right;
}
.non-visual {
display:none !important;
margin:0 !important;
padding:0 !important;
}
.divider {
border-top:2px solid #eaf2f4;
clear:both;
height:0;
line-height:0;
margin:0 0 1em 0;
width:480px;
}
.annual-percentage-rate {
border-bottom:2px solid #eaf2f5;
font-size:0.8em;
margin-bottom:2em;
width:90%;
}
.annual-percentage-rate th {
text-align:left;
}
.annual-percentage-rate th.right {
text-align:right;
}
.annual-percentage-rate td {
background:#fff;
border-top:2px solid #eaf2f5;
padding:0 5px;
}
/******************************************** TYPOGRAPHY */
a {
color:#00998a;
text-decoration:none;
}
a:hover {
color:#00b3a1;
text-decoration:underline;
}
.anc {
color:#444 !important;
text-decoration:none !important;
}
h2 {
font:normal normal normal 22px/22px arial,verdana,sans-serif;
margin:0 0 0.5em 0;
}
/*#main h2 {
color:#b8ccca;
}*/
h3,
.invoice-information h4,
.invoice-respito h4 {
font:normal normal normal 18px/18px arial,verdana,sans-serif;
margin:0 0 0.5em 0;
}
h4 {
font:normal normal bold 14px/14px arial,verdana,sans-serif;
margin:0 0 0.5em 0;
}
h5 {
font:normal normal bold 12px/18px verdana,helvetica,arial,sans-serif;
}
p {
margin:0 0 15px 0;
}
.bold {
font-weight:bold;
}
.small {
font-size:0.8em;
line-height:1.5em;
}
.fraud {
color:#f00;
font-size:0.8em;
text-align:center;
}
.fraud a {
color:#f00;
text-decoration:underline;
}
/******************************************** PASSIVE INVOICES */
.passiveInvoices {
background:#f6f6f6;
border:2px solid #ccc;
caption-side:top;
margin:0 0 15px 0;
padding:5px 10px;
width:100%;
}
.passiveInvoices td {
padding:0 4px;
}
.passiveInvoices .tint {
background:#fff;
}
.passiveInvoices .border {
border-top:1px solid #ccc;
}
.passiveInvoices .buttons {
padding-right:0;
padding-top:5px;
text-align:left;
}
.passiveInvoices .td1,
.passiveInvoices .td1b,
.passiveInvoices .td1c {
width:52%;
}
.passiveInvoices .td2,
.passiveInvoices .td2b {
width:48%;
}
.passiveInvoices .td2 span {
float:left;
}
.passiveInvoices .td1b label {
float:left;
font-family:arial;
font-weight:bold;
margin-right:5px;
width:auto;
}
.passiveInvoices .td1c {
font-family:arial,sans-serif;
font-size:0.9em;
line-height:1.5em;
padding-top:5px;
}
.passiveInvoices .td1c input {
background:transparent;
margin-right:5px;
}
.passiveInvoices .td2b {
font-family:arial,sans-serif;
line-height:1.5em;
padding-top:5px;
}
.passiveInvoices .td2b p {
color:#777;
margin:0;
}
/******************************************** ERRORS/SUCCESSES/NOTICES */
.errors,
.success,
.notices {
background:#fff6f6;
border:2px solid #e00;
color:#e00;
list-style:outside square none;
margin:0 0 15px 0;
padding:10px;
width:456px;
}
.errors li,
.success li,
.notices li {
margin:0 0 0 15px;
padding:0;
}
.success {
background:#f6fff6;
border-color:#0c0;
color:#090;
}
.error {
background:#fff6f6 !important;
border:1px solid #e00 !important;
}
.notices {
background:#ffc;
border-color:#fc3;
color:#444;
}
.deniedrecipients {
background:#ffc;
border:2px solid #fc3;
font-size:0.9em;
padding:10px;
}
/******************************************** LAYOUT */
.column1-left {
float:left;
margin-right:10px;
width:235px;
}
.column1-right {
float:left;
width:235px;
}
.column2-left {
background:#09998a url('/images/column.jpg') no-repeat;
color:#fff;
float:left;
height:171px;
margin:0 10px 15px 0;
padding:10px 13px 0 13px;
width:209px;
}
.column2-right {
background:#09998a url('/images/column.jpg') no-repeat;
color:#fff;
float:left;
height:171px;
margin:0 0 15px 0;
padding:10px 13px 0 13px;
width:209px;
}
.column2-left li,
.column2-right li {
padding-top:5px;
}
/******************************************** CONTAINER/WRAPPER */
#wrapper {
margin:0 auto;
position:relative;
width:760px;
}
/******************************************** HEADER */
#logo {
clear:both;
float:left;
height:53px;
margin:0;
padding:10px 0;
width:160px;
}
#extended-menu {
border-bottom:1px solid #d3d9db;
float:right;
font-weight:bold;
list-style:none;
margin:0;
padding:0;
}
#extended-menu li {
float:left;
margin:0;
}
#extended-menu li:before {
content:"\00A0\00B7\00A0";
}
#extended-menu li:first-child:before {
content:"";
}
#tagline {
float:right;
font:normal normal bold 12px/38px arial,verdana,sans-serif;
height:40px;
margin:0;
padding:0;
text-align:center;
width:600px;
}
/******************************************** MENU */
#menu {
background:url('/images/menu.jpg') no-repeat 0 18px;
float:left;
height:28px;
margin:0;
padding:0 10px;
position:relative;
width:740px;
z-index:300;
}
#menu li {
display:block;
float:left;
margin-right:5px;
width:auto;
}
#menu span {
background:transparent url('/images/tab-left.gif') no-repeat;
cursor:default;
float:left;
height:26px;
width:5px;
}
#menu span.tab-right {
background-image:url('/images/tab-right.gif');
}
#menu a {
background:#d3d9db;
background:#0bb3a2;
background:#0bb3a2 url('/images/tab-center.gif') repeat-x;
color:#fff;
float:left;
font:normal normal bold 14px/26px arial,sans-serif;
height:26px;
padding:0 10px;
text-align:center;
text-decoration:none;
width:auto;
}
#menu a:hover {
color:#444;
}
#menu li.active a {
background:#fff url('/images/tab-center-active.gif');
color:#444;
height:28px;
}
#menu li.active span {
background-image:url('/images/tab-left-active.gif');
height:28px;
}
#menu li.active span.tab-right {
background-image:url('/images/tab-right-active.gif');
}
/******************************************** SUBMENU */
#submenu {
background:#fd0;
background:transparent url('/images/submenu.jpg') no-repeat;
clear:both;
height:30px;
margin:0;
padding:0 10px;
text-align:left;
width:740px;
z-index:200;
}
#submenu li {
display:inline;
}
#submenu a {
background:transparent url('/images/submenu-bullet.gif') no-repeat center left;
color:#444;
display:inline;
font:normal normal normal 12px/24px verdana,arial,sans-serif;
margin:0 20px 0 0;
padding:0 0 0 13px;
text-decoration:none;
}
#submenu a:hover {
color:#000;
}
#submenu a.active {
background:transparent url('/images/submenu-bullet-active.gif') no-repeat center left;
color:#000;
}
/******************************************** CONTENT CONTAINER */
#content {
background:transparent url('/images/content-bg.gif') repeat-y left top;
margin:0;
padding:0;
width:760px;
}
/******************************************** SIDE MENU */
#sidemenu {
background:transparent url('/images/sidemenu-bg.gif') no-repeat top left;
clear:none;
float:right;
padding:10px 0 0 10px;
width:240px;
}
/******************************************** LOGIN */
.login-top,
.login-bottom {
background:url('/images/login-top.gif') no-repeat;
display:block;
height:10px;
line-height:10px;
width:240px;
}
.login-bottom {
background:url('/images/login-bottom.gif') no-repeat;
height:11px;
margin-bottom:1em;
}
#login {
background:#fd0 url('/images/login-center.gif') repeat-x;
margin:0;
padding:0 10px;
width:220px;
}
#login h2 {
font:normal normal normal 18px/18px arial,sans-serif;
margin:0 0 0.5em 0;
}
.login-menu {
list-style:none;
margin:0;
padding:0;
}
.customer-menu {
font-size:12px;
font-weight:bold;
line-height:24px;
list-style:none;
padding-left:5px;
}
.customer-menu li {
background-repeat:no-repeat;
background-position:center left;
padding-left:21px;
}
#login a {
color:#960;
}
.login-menu li {
float:left;
}
.login-menu li:before {
content:"\00A0\00B7\00A0";
}
.login-menu li:first-child:before {
content:"";
}
#login .input-left {
background-image:url('/images/login-input-left.gif');
}
#login .input-right {
background-image:url('/images/login-input-right.gif');
}
.login-u,
.login-p,
.login-s {
float:left;
padding:0 0 5px 0;
width:99px;
}
.login-s {
height:23px;
width:22px;
}
.login-u label,
.login-p label {
font:normal normal normal 12px/12px arial,sans-serif;
}
#login_u,
#login_p {
background:#fff url('/images/input-center.gif') repeat-x;
border:none;
float:left;
height:18px;
padding:4px 0 0 0;
width:80px;
}
#login_s {
background:none;
border:none;
float:left;
height:23px;
margin:0;
padding:0;
width:22px;
}
#login form {
margin:0;
}
/******************************************** PRICELIST */
#pricelist {
margin-bottom:5px;
width:240px;
}
#pricelist tbody tr {
}
#pricelist th {
line-height:20px;
width:120px;
}
#pricelist td {
background:url('/images/pricelist.gif') no-repeat;
color:#666;
font-size:0.8em;
font-weight:bold;
line-height:20px;
padding:0 5px 6px 5px;
width:110px;
}
#pricelist td.right {
background-position:top right;
}
/******************************************** OTHER STUFF IN SIDE MENU */
.campaign1-link {
margin:0 30px;
}
.campaign1-img {
margin-bottom:1em;
}
.partners-img {
border-top:1px solid #d3d9db;
clear:both;
display:block;
margin-top:20px;
padding:20px 50px;
width:140px;
}
/******************************************** MAIN */
#main {
background:#fff;
float:left;
padding:10px 15px;
width:480px;
}
#flash-intro {
display:block;
height:240px;
margin-bottom:1em;
width:480px;
}
/******************************************** FOOTER */
#footer {
background:transparent url('/images/main-bottom.gif') no-repeat;
font-size:0.8em;
margin:0;
padding:20px 10px 10px;
text-align:center;
width:490px;
}
#footer a {
color:#999;
text-decoration:none;
}
#footer a:hover {
color:#000;
}
/******************************************** FORMS */
.formRow {
clear:both;
margin:0 0 0.5em 0;
width:auto;
}
.formRow label {
float:left;
font-family:arial;
font-weight:bold;
width:150px;
}
.formRow p {
float:left;
font-size:0.9em;
margin:0;
}
.formRow p.tint {
color:#999;
}
.formRow .bind {
float:left;
}
.input-help {
cursor:help;
float:left;
margin-right:10px;
}
#registerPostCode,
#profilePostCode,
#registerBankclearing {
width:45px;
}
#registerFirstName,
#registerLastName,
#registerCareOf,
#registerStreet,
#registerCellular,
#registerEmail1,
#registerEmail2,
#profileFirstName,
#profileLastName,
#profileCareOf,
#profileStreet,
#profileCellular,
#emailEmail1,
#emailEmail2,
#forgotPasswordEmail,
#supportContactName,
#supportContactEmail {
width:120px;
}
#registerBank,
#registerBankaccount,
#supportContactSubject {
width:150px;
}
#registerTerms,
#invoicePrint {
background:none;
border:none;
margin:0 10px 0 150px;
width:auto;
}
#loginSubmit,
#registerSubmit,
#invoiceSubmit,
#invoiceSubmit2,
#invoiceSaveSubmit,
#profileSubmit,
#emailSubmit,
#passwordSubmit,
#contactSubmit {
background:transparent;
border:none;
height:23px;
margin:0 0 0 150px;
padding:0;
width:104px;
}
#invoiceSaveSubmit {
margin-right:5px;
width:65px;
}
#invoiceSubmit {
width:134px;
}
#invoiceSubmit2 {
margin:0 5px 0 0;
width:104px;
}
#invoiceRecipientType1,
#invoiceRecipientType2,
#invoiceReferenceType1,
#invoiceReferenceType2 {
background:none;
border:none;
width:auto;
}
#invoiceRecipient {
width:120px;
}
#invoiceReference,
#invoiceComment {
width:200px;
}
#supportContactMessage {
width:300px;
}
.invoiceButton {
margin-right:5px;
}
#invoiceConfirmNotice {
float:left;
font-size:0.9em;
margin:0;
text-align:left;
width:180px;
}
#invoicePrint2 {
width:auto;
}
#invoicePrint2Notice {
font-size:0.9em;
width:auto;
}
/******************************************** ORDERS */
#orders {
border-bottom:1px solid #c8d0d3;
font-family:arial,sans-serif;
margin-bottom:5px;
text-align:left;
width:480px;
}
#orders td {
background:#fff;
border-top:1px solid #c8d0d3;
padding:2px 0;
}
#orders .id {
width:80px;
}
#orders .date {
width:60px;
}
#orders .sum {
padding-right:32px;
text-align:right;
width:90px;
}
#orders .status {
width:160px;
}
#orders .link {
text-align:right;
width:40px;
}
.invoice-information {
background:#fff;
border:1px solid #ddd;
padding:10px;
margin-bottom:1em;
}
.invoice-information dt {
clear:both;
float:left;
font-weight:bold;
padding:2px 0;
width:125px;
}
.invoice-information dd {
float:left;
padding:2px 0;
width:333px;
}
.invoice-respito {
background:#ffd;
border:1px solid #ddc;
padding:10px;
margin-bottom:1em;
}
.invoice-respito dt {
border-top:1px solid #ddc;
clear:both;
float:left;
font-weight:bold;
padding:2px 0;
width:125px;
}
.invoice-respito dd {
border-top:1px solid #ddc;
float:left;
padding:2px 0;
text-align:right;
width:333px;
}
.invoice-respito dt.print {
clear:both;
float:left;
font-weight:normal;
padding:10px 0 0 0;
text-align:left;
width:436px;
}
.invoice-respito dd.print {
clear:both;
float:none;
padding:10px 0 0 0;
text-align:left;
width:458px;
}
.invoice-respito dd.print img {
height:17px;
vertical-align:middle;
}
.invoice-respito dd.print2 {
border-top:none;
clear:both;
float:none;
padding:10px 0 0 0;
text-align:left;
width:458px;
}