@charset "utf-8";
/* CSS Document */

/**********************************
Description...:Master Screen CSS
Copyright.....:Zabisco.
Author........:luke@vivoo.net
Last Changed..:06-10-2009
Notes.........:DO NOT MODIFY
/******************
Layout**/
* {
padding:0;
margin:0;
border:0;
}
body {
font-family:verdana, arial, helvetica, sans-serif;
font-size:100%;
text-align:center;
color:#004151;
background:#eaeaea url(../img/bg.gif) center repeat-y;
}
.outer, .container {
position:relative;
width:960px;
margin:0 auto;
text-align:left;
background-color:#fff;
}
h2, h3, h4, h5, h6 {font-family:verdana, arial, helvetica, sans-serif;}
/******************
Login Pane**/
#login-pane {
height:49px;
color:#004151;
background:#edea45 url(../img/login-pane_bg.gif) bottom;
}
#logout-pane {height:0;}
.login-form {
float:right;
font-size:0.7em;
margin-top:8px;
}
.login-form td {
vertical-align:text-top;
padding-right:8px;
}
.login-form label, .login-form span {
font-weight:bold;
font-size:1.2em;
vertical-align:middle;
}
.login-form span {padding:4px 10px;}
.login-form label.remember {
font-weight:normal;
font-size:1em;
}
.login-form input {
width:162px;
height:14px;
font-size:1em;
padding:4px 5px;
vertical-align:middle;
background:url(../img/login-field_bg.gif) no-repeat;
}
.login-form input.pass {font-size:1.4em;}
.login-form input.submit {
width:108px;
height:28px;
font-weight:bold;
font-size:1.3em;
color:#fff;
background:url(../img/btn-login.gif);
}
.login-form input.submit:hover {cursor:pointer;}
.login-form input.checker {
width:15px;
height:15px;
}
.login-form a {font-size:0.9em;}
.login-form a:link, .login-form a:visited {text-decoration:underline;}
.login-form a:hover {text-decoration:none;}
/******************
Header Area**/
#header {
float:left;
height:114px;
width:100%;
padding-top:4px;
background:url(../img/header_bg.gif) repeat-x;
}
#header h1 {
float:left;
height:105px;
width:212px;
margin:0 2px 0 3px;
background:url(../img/logo.gif);
}
#header h1 a {
display:block;
height:105px;
width:212px;
}
#header h1 span, #header p {display:none;}
#header img.steps {float:right;margin:32px 16px 0 0;}
/******************
Sign-In slider**/
#login-btn a#sign-in, #login-btn a#sign-out {
float:left;
margin-top:-15px;
width:90px;
height:22px;
font-size:0.75em;
font-weight:bold;
text-decoration:none;
padding:16px 0 0 30px;
background:url(../img/btn-signin.gif);
}
#login-btn a#sign-out {background:url(../img/btn-signout.gif);}
#login-btn a#sign-in:hover, #login-btn a#sign-out:hover {text-decoration:underline;}
#login-btn a#sign-in:active, #login-btn a#sign-in:focus {outline:none;}
#login-btn span {
position:absolute;
top:8px;
left:343px;
font-size:0.65em;
}
/******************
Quick Links**/
#quick-links {
font-family:arial, helvetica, sans-serif;
float:left;
width:603px;
height:15px;
padding:5px 10px 0;
margin-bottom:10px;
}
#quick-links ul {
float:right;
width:auto;
}
#quick-links li {
float:left;
list-style:none;
font-size:0.75em;
margin-left:5px;
}
#quick-links a.acc {padding-left:19px;background:url(../img/icon-account.gif) no-repeat 0 0;}
#quick-links a.con {padding-left:19px;background:url(../img/icon-contact.gif) no-repeat 0 0;}
#quick-links a.faq {padding-left:19px;background:url(../img/icon-faqs.gif) no-repeat 0 0;}
/******************
Search Area**/
#search {
float:left;
position:relative;
width:282px;
height:32px;
margin:0 12px 0 122px;
background:url(../img/search-form_bg.gif) no-repeat;
}
.search-form {}
#search .search-form input {
width:237px;
height:17px;
font-size:0.8em;
margin:5px 0 0 10px;
padding:3px 0 2px;
vertical-align:middle;
background:none;
}
#search .search-form input.search {
position:absolute;
top:3px;
right:3px;
width:26px;
height:26px;
padding:0;
margin:0;
background:none;
}
/******************
Checkout Tab**/
#checkout-tab {
float:left;
width:311px;
height:26px;
padding:2px;
border:1px solid #ecc9c1;
}
#checkout-tab span {
float:left;
width:127px;
height:26px;
font-size:0.65em;
text-align:center;
padding-top:0;
}
#checkout-tab img {
float:left;
margin-right:6px;
vertical-align:middle;
}
#checkout-tab input {
width:72px;
height:26px;
vertical-align:middle;
/*font-size:0.8em;
font-weight:bold;
background:#e9e9e9 url(../img/btn-checkout.gif);*/
}
#checkout-tab input:hover {cursor:pointer;}
/******************
Navigation**/
#nav {
float:left;
width:524px;
height:46px;
margin-top:38px;
background:url(../img/nav_bg.gif);
}
#nav ul {}
#nav li {
display:inline;
list-style:none;
font-size:1.1em;
width:138px;
height:29px;
}
#nav li a {
float:left;
width:138px;
height:29px;
padding:10px 0 0;/*12*/
margin:2px 4px 0 0;
text-align:center;
text-decoration:none;
}
#nav li a.first {width:118px;}
#nav li a.last {width:118px;margin-right:0;}
#nav li a:hover, #nav li.selected a {
background-image:url(../img/nav-selected.gif);
background-position:0 0;
background-repeat:no-repeat;
}
#nav li.selected a.first, #nav li a.first:hover {background-position:-138px 0;}
#nav li.selected a.last, #nav li a.last:hover {background-position:-256px 0;}
#nav li.selected {}
/******************


Sharepoint logo**/
#ms-logo {
float:left;
width:183px;
height:50px;
margin:42px 15px;
background:url(../img/sharepoint-logo.gif) no-repeat;
}


#ms-logo span {display:none;}
/******************
Breadcrumb**/
#breadcrumb p {
font-size:0.7em;
color:#004151;
margin:7px 0 5px;
}
/******************
Main Content**/
#main-holder {
float:left;
width:930px;
padding:0 10px 20px 20px;
}
.main-content {
float:left;
font-family:arial, helvetica, sans-serif;
}
.main-content h2 {
font-size:1.1em;
font-weight:normal;
color:#004151;
margin:5px 0 10px;
}
.main-content h3 {font-size:0.85em;}
.main-content h4, .main-content h5, .main-content h6 {font-size:0.75em;}
.main-content p {
font-size:0.75em;
margin:0 0 15px;
}
.main-content ul {padding-bottom:0px;}
.main-content ul li {
font-size:0.75em;
line-height:1.4em;
margin:0 0 0 20px;
}
.main-content ul li li {font-size:1em;}
.main-content ul li ul {padding-bottom:0;}
.main-content ul.basic li {list-style:none;}
.main-content ol {padding-bottom:0px;}
.main-content ol li {
list-style:decimal;
font-size:0.75em;
line-height:1.3em;
margin:0 0 0 30px;
}
.main-content dl {padding-bottom:10px;}
.main-content dl dt {
font-size:0.75em;
font-weight:bold;
margin-left:5px;
}
.main-content dl dd {
font-size:0.75em;
margin-left:15px;
}
.main-content img {
float:left;
margin:5px 10px 5px 0;
border:0px solid #bbb;
}
.main-content a:link, .main-content a:visited {font-weight:bold;text-decoration:underline;}
.main-content a:hover {text-decoration:none;}
/*table code*/
.main-content table {
margin:15px 0;
border-top:1px dotted #004151;
border-left:1px dotted #004151;
}
.main-content td {
font-size:0.75em;
padding:5px;
border-right:1px dotted #004151;
border-bottom:1px dotted #004151;
}
.main-content td p {font-size:1em;margin:0;}
/******************
Address**/
#address-area {
float:left;
width:199px;
padding:15px 20px 5px;
margin:2px 0 0 -1px;
background:#e8f4f7 url(../img/address-area_bg.gif) bottom no-repeat;
border-left:1px solid #dfeaed;
}
#address-area h4 {
font-size:1.05em;
font-weight:normal;
margin:0;
padding:0 0 3px;
border-bottom:1px solid #004054;
}
/****************
COLUMNS + ALTS**/
/******************
Full Col**/
#full-col {
float:left;
width:710px;
}

.split-col {
float:left;
width:355px;
}
.acc-intro {padding:0 15px;}
/******************
Generic Col **/
#gen-col {
float:left;
width:710px;
margin-top:10px;
}
.prod-panel {background:url(../img/prod-panel_bg.gif);}
#gen-col h2 {
position:relative;
font-size:1.05em;
font-weight:normal;
color:#fff;
margin:0 0 10px 0;
padding:9px 0 8px 0;
background:#034353 url(../img/prod-preview_head.gif) repeat-x;
border-bottom:1px solid #ede944;
}
#gen-col h2 a {
font-family:arial, helvetica, sans-serif;
position:absolute;
top:15px;
right:12px;
color:#fff;
font-size:0.65em;
font-weight:normal;
padding-left:20px;
background:url(../img/icon-email.gif) 0 0 no-repeat;
}
/******************
Basket/Purchase**/
#basket-col {
float:left;
width:920px;
margin-top:10px;
}
#basket-col h2 {
position:relative;
font-size:1.05em;
font-weight:normal;
color:#fff;
/*margin:0 0 0;*/
margin-top:0;
padding:9px 0 8px 0;
background:#034353 url(../img/basket_head.gif) bottom repeat-x;
border-bottom:1px solid #ede944;
}
#basket-col h2 span {padding:4px 0 6px 44px;background:url(../img/icon-basket02.gif) 6px 0 no-repeat;}
#basket-col h2 a {
font-family:arial, helvetica, sans-serif;
position:absolute;
top:15px;
right:12px;
color:#fff;
font-size:0.65em;
font-weight:normal;
text-decoration:none;
padding-left:20px;
background:url(../img/icon-email.gif) 0 0 no-repeat;
}
#basket-col p.final {width:470px;text-align:center;}
#basket-col p.final img {float:none;border:0;margin:0 15px 0 0;}
/******************
Support Col**/
#support-col {
float:left;
width:710px;
}
#support-col h2 {
position:relative;
font-size:1.05em;
font-weight:normal;
color:#fff;
margin:10px 0;
padding:10px;
background:#40bfdd url(../img/support_head.gif) bottom repeat-x;
}
#support-col h2 span {
position:absolute;
top:-12px;
right:11px;
width:70px;
height:45px;
padding:0;
}
#support-col h2 span.icon01 {background:url(../img/support_headicon01.gif) no-repeat;}
#support-col h2 span.icon02 {background:url(../img/support_headicon02.gif) no-repeat;}
#support-col h2 span.icon03 {background:url(../img/support_headicon03.gif) no-repeat;}
#support-col h2 span.icon04 {background:url(../img/support_headicon04.gif) no-repeat;}
/*Documentation*/
/*#support-col h3.toggler {
cursor:pointer;
color:#fff;
padding:3px 3px 3px 6px;
background:#28adcd;
border-bottom:2px solid #ccc;
}
.element {margin:5px 0;}*/
#doc-nav {
float:left;
width:180px;
}
#doc-nav ul li {
list-style:none;
margin:0;
}
#doc-nav ul li a {
display:block;
padding:4px;
margin-bottom:10px;
}
#doc-nav ul li a:link {text-decoration:none;}
#doc-nav ul li a.set-toggle {
padding-left:23px;
background:#93d6e6 url(/img/icon-toggle.gif) 4px 4px no-repeat;
}
#doc-nav ul li ul.hide {padding-bottom:8px;}
#doc-nav ul li ul.hide li a {
display:block;
padding:0;
margin:0 0 6px 20px;
}
#doc-nav ul li ul li a:link, #doc-nav ul li ul li a:visited {text-decoration:underline;}
#doc-nav ul li ul li a:hover {text-decoration:none;}
#doc-cont {
float:left;
width:515px;
margin-left:15px;
}
#doc-cont img {float:none;margin-bottom:15px;
}
/*******
FORMS**/
/******************
Purchase Form**/
.licence-frm {margin:5px 0 10px;}
.licence-frm select {border:1px solid #5d8690;width:40px;}
.licence-frm input.add-basket {float:right;}
/******************
Basket Form**/
.basket-frm {margin:0;}
.basket-frm select {border:1px solid #5d8690;width:40px;}
.basket-frm input#checktog {margin:-3px 4px 0 0;padding:0;vertical-align:middle;}
.basket-frm input.add-basket {float:right;margin-left:5px;}
/******************
Checkout Form**/
.checkout-frm input.add-basket {float:right;}
/******************
User Form**/
.contactform_holder {
float:left;
width:450px;
background:#b7d7dc url(../img/contactform_bg.gif) no-repeat;
}
.contactform_holder h4 {
font-size:1em;
font-weight:normal;
margin:0 15px;
padding:15px 0 3px;
border-bottom:1px solid #004054;
}
.contactform_holder h4.sub-heading {
font-size:1.3em;
margin:0;
margin-bottom:8px;
}
table.contactform {
clear:right;
width:450px;
padding:15px;
border:0;
margin:0;
background:url(../img/contactform-bot_bg.gif) bottom no-repeat;
}
.contactform td {
vertical-align:top;
font-size:0.75em;
font-weight:bold;
color:#004151;
padding:0 0 8px;
border:0;
}
.contactform td.notes {
font:0.65em arial, helvetica, sans-serif;
font-weight:normal;
text-align:right;
padding:8px 0 0;
}
.contactform span.hint {font:0.9em arial, helvetica, sans-serif;}
.contactform span.security {
font:0.8em arial, helvetica, sans-serif;
float:left;
margin-top:5px;
}
.contactform label {
float:left;
width:120px;
margin-top:4px;
}
.contactform label.basic {float:none;margin:0;font-weight:normal;}
.contactform input {
font:1em arial, helvetica, sans-serif;
width:290px;
height:19px;
padding:3px 5px 0;
color:#004151;
background:url(../img/contactform-input.gif) no-repeat;
}
.contactform input.zipcode {width:150px;border-right:1px solid #999;}
.contactform input.credit {width:40px;border-right:1px solid #999;}
.contactform input.submit {
width:auto;
height:auto;
padding:0;
margin:0;
background:none;
}
.contactform input.clear {
font:bold 1.2em arial, helvetica, sans-serif;
width:auto;
height:26px;
padding:0 16px;
background:#e1e1e1 url(../img/btn-clear.gif) repeat-x;
}
.contactform input.radio {
width:13px;
height:14px;
margin:0 10px 3px 0;
vertical-align:middle;
background:#fff none;/*opera needs me*/
}
.contactform input.checker {
width:14px;
height:14px;
margin:5px 0 0;
background:#fff none;/*opera needs me*/
}
.contactform select {
font:1em arial, helvetica, sans-serif;
width:300px;
color:#004151;
border:1px solid #999;
}
.contactform select.date {width:60px;}
.contactform textarea {
font:1em arial, helvetica, sans-serif;
width:290px;
height:140px;
color:#004151;
padding:5px;
background:url(../img/contactform-textarea.gif) top no-repeat;
}
.contactform img {border:0;}
/**Live validate**/
span.LV_valid {color:#47bf4c;}	
span.LV_invalid {color:#d6492a;}
span.LV_validation_message {
float:left;
width:100%;/*webkit fix*/
font-size:0.7em;
font-weight:bold;
margin:3px 0 0;
}
/******************
Sign-In**/
.signinform_holder {
float:left;
width:350px;
margin:20px 0 40px;
background:url(../img/signinform_holder_bg.gif) no-repeat;
}
.signinform_holder h4 {
font-size:1em;
font-weight:normal;
margin:3px 0 0;
padding:5px 11px 8px;
border-left:1px solid #edea45;
border-right:1px solid #edea45;
background:#f6f4a1;
}
.signinform_holder img {border:0;margin:0 0 0 80px;}
table.signinform {
float:left;
width:350px;
padding:20px 25px;
border:0;
margin:0;
background:#edea45 url(../img/signinform_bg.gif) bottom no-repeat;
}
.signinform td {
vertical-align:top;
font-size:0.75em;
font-weight:bold;
color:#004151;
padding:0 0 10px;
border:0;
}
.signinform label {
float:left;
width:85px;
margin-top:4px;
}
.signinform label.basic {
float:none;
font:0.9em arial, helvetica, sans-serif;
margin:0 5px;
}
.signinform input {
font:1em arial, helvetica, sans-serif;
width:202px;
height:19px;
padding:3px 5px 0;
color:#004151;
background:url(../img/signinform-input.gif) no-repeat;
}
.signinform input.submit {
width:auto;
height:auto;
padding:0;
margin-top:10px;
background:none;
}
.signinform input.checker {
float:left;
width:14px;
height:14px;
background:#fff none;/*opera needs me*/
}
.signinform span.hint {font:0.7em arial, helvetica, sans-serif;}
.signinform td p {margin-bottom:5px;font-weight:normal;}

/******************
Thanks Panel**/
#thanks-panel_holder {
float:left;
width:470px;
margin-bottom:30px;
background:url(../img/thanks-panel_holder_bg.gif) no-repeat;
}
.thanks-panel {
float:left;
width:470px;
min-height:230px;
margin-top:20px;
background:#ebebeb url(../img/thanks-panel_bg.gif) bottom no-repeat;
}
.thanks-panel h4 {
font-size:1em;
font-weight:normal;
margin:0 15px 20px;
padding:0 0 3px;
border-bottom:1px solid #004054;
}
.thanks-panel h5 {
text-align:center;
font-size:0.9em;
margin-bottom:20px;
font-weight:normal;
}
.thanks-panel p {text-align:center;margin:0 10px;}
.thanks-panel img {float:none;border:0;margin-top:20px;}
/******************
Table**/
table.matrix {
float:right;
margin:10px 0;
border-left:1px solid #fff;
border-top:1px solid #fff;
}
.matrix th {
text-align:center;
font-size:0.75em;
font-weight:bold;
color:#fff;
vertical-align:middle;
border:1px solid #fff;
border-left:0;
border-top:0;
padding:3px 6px;
background:#004059;
/*white-space:nowrap;*/
}
.matrix th.type {height:50px;}
.matrix th.nobg {background:#fff;}
.matrix td {
border:0;
border-bottom:1px dotted #004151;
border-right:1px solid #fff;
padding:8px 6px;
text-align:center;
}
.matrix td.price {
font-family:verdana, arial, helvetica, sans-serif;
font-size:1.15em;
}
.matrix td.quantity {text-align:center;width:60px;}
.matrix td.price span {font-size:0.7em;}
.matrix tr.spec td {background:#ebebeb;border-right:1px solid #eee;}
.matrix img {float:none;border:0;margin:0;}
/******************
Basket Table**/
table.order {
clear:right;
width:100%;
margin:0;
border-left:1px solid #fff;
border-top:1px solid #fff;
}
.order th {
text-align:center;
font-size:0.9em;
font-weight:bold;
color:#fff;
border:1px solid #fff;
border-left:0;
border-top:0;
padding:4px 6px;
background:#004059;
white-space:nowrap;
}
.order th.tight {width:50px;}
.order td {
font-size:0.75em;
text-align:center;
border:0;
border-bottom:1px dotted #004151;
padding:8px 6px;
}
.order td.controls {
text-align:left;
border:0;
padding:12px 0;
}
.order td.price {
font-family:verdana, arial, helvetica, sans-serif;
font-size:1.15em;
}
/*.order td.quantity {text-align:center;}*/
.order td.price span {font-size:0.7em;}
.order tr.spec td {background:#faebe8;}
.order a span.similar {font-size:0.9em;font-weight:normal;}
.order img {float:none;width:100px;height:50px;margin-top:0;}
.order img.shop {float:right;width:auto;height:auto;margin:0;border:0;}

.history td {padding:20px 6px;}
/******************
Basket Total**/
table.basket-total {
clear:both;
width:100%;
border:0;
}
.basket-total td {
font-size:0.75em;
text-align:center;
border:0;
padding:8px 6px;
}
.basket-total td.controls {
text-align:left;
vertical-align:top;
padding:0;
}
.basket-total td.notes {width:760px;}
.basket-total td.notes span {float:right;width:280px;text-align:left;}
.basket-total td.total {
width:200px;
padding:12px 0;
border:1px solid #004159;
background:#fff;
}
.basket-total td.total span.price {
font-family:verdana, arial, helvetica, sans-serif;
font-size:1.5em;
}
.basket-total td.total span.price span {font-size:0.7em;}
.basket-total img.shop {float:right;margin:12px 0 0 0;border:0;}
.basket-total input.add-basket {margin-top:12px;}
/*Payment options*/
.checkout-payment {
float:right;
width:420px;
margin:30px 10px 0;
}
.checkout-payment h5 {
float:left;
font-size:0.95em;
font-weight:normal;
}
.choices {
float:right;
width:210px;
font-size:0.8em;
font-weight:bold;
}
.choices span {font-weight:normal;font-size:0.8em;}
.choices input {padding-top:10px;} 
/******************
Checkout Total**/
table.basket-checkout-final {
clear:right;
width:100%;
border:0;
margin-bottom:0;
}
.basket-checkout-final td {
font-size:0.75em;
text-align:right;
border:0;
padding:4px 6px;
}
.basket-checkout-final td.total {
width:50px;
text-align:left;
}
.basket-checkout-final td.total span.price {
font-family:verdana, arial, helvetica, sans-serif;
font-size:1.5em;
}
.basket-checkout-final td.total span.price span {font-size:0.7em;}
/*.basket-checkout-final img.shop {float:right;margin:12px 5px 0 0;border:0;}*/
.basket-checkout-final input {
font:1em arial, helvetica, sans-serif;
width:92px;
height:19px;
padding:3px 5px 0;
color:#004151;
background:url(../img/voucher-input.gif) no-repeat;
}
.basket-checkout-final input.recal {background:none;width:auto;height:auto;margin:0;}

/******************
Billing page + table**/
.billing-confirm {
float:left;
width:426px;
padding:15px 12px;
margin:0 20px 10px 0;
background:#eaeaea;
}
.billing-confirm div {
float:left;
width:175px;
}
.billing-confirm h4 {
font-size:1.05em;
font-weight:normal;
margin:0 0 20px;
padding:0 0 3px;
border-bottom:1px solid #004054;
}
.billing-confirm ul.basic li {
list-style:none;
margin:0;
}
.billing-confirm ul.basic li strong {margin-right:7px;}
table.billing-total {
width:450px;
font-family:verdana, arial, helvetica, sans-serif;
font-size:1.3em;
padding:0 8px;
margin:0 0 15px;
border:1px solid #004159;
}
.billing-total td {
padding:7px 5px;
border:0;
}
.billing-total td.price {
text-align:right;
font-size:0.85em;
}
.billing-total span.hint {font-size:1.2em;}
/**Invoice**/
table.invoice {
width:220px;
font-size:1.1em;
font-weight:bold;
}
table.invoice td.price {font-weight:normal;}
#full-col div.ref {font-size:0.7em;}
/**********
HOMEPAGE**/
/******************
News**/
#news {
float:left;
position:relative;
width:220px;
margin-left:10px;
}
#news h4 {
font-size:1.05em;
font-weight:normal;
color:#004151;
padding:9px 0 8px;
border-bottom:1px solid #00aad2;
}
#news h4 a {
position:absolute;
top:10px;
right:0;
width:90px;
height:18px;
background:url(../img/btn-newsrss.gif) no-repeat;
}
#news h4 span {display:none;}
/*#news dl {}
#news dl dt {
margin:0;
padding:10px 0 0 0;
}
#news dl dt a {color:#00aad2;font-weight:normal;}
#news dl dd {
margin:0 0 5px 0;
padding:0 0 10px 0;
border-bottom:1px dotted #004151;
}*/
/******************
RSS Live Display**/
.feedburnerFeedBlock {
float:left;
margin:0 0 -10px;
width:220px;
}
.feedburnerFeedBlock img {display:none;}
.feedburnerFeedBlock ul {}
.feedburnerFeedBlock ul li {
list-style:none;
margin:10px 0 15px 0;
padding:0 0 10px 0;
line-height:normal;
border-bottom:1px dotted #004151;
}
.feedburnerFeedBlock li div {}
.feedburnerFeedBlock a:link, .feedburnerFeedBlock a:visited, .feedburnerFeedBlock a:hover {color:#00aad2;font-weight:normal;}
.headline {font-size:1em;}

/**********
PRODUCTS**/
/******************
Product box**/
.prod-view-holder {float:left;margin-left:-10px; width:720px; }
.homepage {width:480px;}
.prod-view {
float:left;
position:relative;
width:230px;
min-height:350px;/*335*/
/*max-height:335px; make same to prevent float bugs*/
/*color:#004151;*/
margin:0 0 10px 10px;
background:#eaf0f1 url(../img/prod-view_bg.gif) bottom no-repeat;
}
/*.prod-view-holder .last {margin-right:0;}*/
.prod-view-pad {
float:left;
width:204px;
padding:13px 11px 13px 15px;
padding-bottom:25%;
}
.prod-view h4 {
font-size:1.05em;
font-weight:normal;
color:#fff;
min-height:40px;
padding:9px 0 8px 0;
background:#034353 url(../img/prod-preview_head.gif) repeat-x;
border-bottom:1px solid #ede944;
}
h2 span, h4 span.prod {padding-left:44px;background:url(../img/icon-basket.gif) 13px 1px no-repeat;}
.prod-view h4 a:link, .prod-view h4 a:visited {
color:#fff;
font-weight:normal;
text-decoration:none;
}
.prod-view h4 a:hover {text-decoration:underline;}
.prod-view p {margin-bottom:20px;}
.prod-view p.price {
float:right;
position:absolute;
bottom:50px;
right:16px;
font-family:verdana, arial, helvetica, sans-serif;
font-size:1.1em;
font-weight:normal;
margin:0;
}
.prod-view p.price span {font-size:0.8em;}
.prod-view img {
width:200px;
height:100px;
margin:0 0 8px -1px;
}
.prod-view img.buy {
position:absolute;
bottom:13px;
right:16px;
width:auto;
height:auto;
border:0;
margin:0;
}
.prod-view img.trial {
position:absolute;
bottom:13px;
left:16px;
width:auto;
height:auto;
border:0;
margin:0;
}
.prod-view a:link, .prod-view a:visited {text-decoration:underline;}
.prod-view a:hover {text-decoration:none;}
/******************
Side Panel**/
#side-panel {
float:left;
width:202px;
padding:4px 14px 14px;
margin-bottom:20px;
}
#side-panel h5 {
clear:left;
font-family:arial, helvetica, sans-serif;
color:#d84519;
font-size:0.75em;
}
#side-panel p.price {
float:left;
font-family:verdana, arial, helvetica, sans-serif;
font-size:1.1em;
font-weight:normal;
margin:0;
}
#side-panel p.price span {font-size:0.5em;}
#side-panel p.price span.dec {font-size:0.8em;}
#side-panel ul {
float:left;
margin:15px 0;
width:100%;
}
#side-panel ul li {
list-style:none;
margin:0;
border-bottom:1px dotted #004151;
}
#side-panel ul li a {
display:block;
padding:5px 0 5px 16px;
text-decoration:none;
background:url(../img/icon-more03.gif) no-repeat 0% 50%;
}
#side-panel ul li a:hover {text-decoration:underline;background-color:#c3dcdf;}
#side-panel img.preview {
width:200px;
height:100px;
margin:0 0 15px;
}
#side-panel img.buy {
float:right;
border:0;
margin:5px 0 0;
}
/**Product view**/
#side-panel .prod-view {
width:200px;
min-height:inherit;
background:none;
border:1px solid #6e93a0;
margin:5px 0 0;
}
#side-panel .prod-view-pad {width:174px;padding-bottom:0;}
#side-panel .prod-view h4 {
min-height:30px;
font-size:0.9em;
padding:7px 0 6px 0;
background:#034353 url(../img/prod-preview_head.gif) repeat-x;
}
#side-panel .prod-view h4 span {padding-left:35px;background:url(../img/icon-basketsmall.gif) 8px 1px no-repeat;}
#side-panel .prod-view p {
font-size:0.7em;
margin-bottom:5px;
}
#side-panel .prod-view p.price {
position:inherit;
font-size:1.1em;
margin:0 0 10px;
}
/*#side-panel .prod-view p.price span {font-size:0.8em;}*/
#side-panel .prod-view img {
width:170px;
height:80px;
margin:0 0 8px -1px;
}
#side-panel .prod-view img.buy {
width:auto;
height:auto;
margin:0;
}
/**********
SUPPORT**/
/******************
Support box**/
.support-holder {
float:left;
width:100%;
margin:0 0 10px;
}
.support-view {
float:left;
position:relative;
width:344px;
min-height:137px;
margin:0 8px 10px 0;
background:#ebf1f2;
}
.faqs {background:#ebf1f2 url(../img/support-view_bg01.gif) bottom no-repeat;}
.docs {background:#ebf1f2 url(../img/support-view_bg02.gif) bottom no-repeat;}
.forum {background:#ebf1f2 url(../img/support-view_bg03.gif) bottom no-repeat;}
.chat {background:#ebf1f2 url(../img/support-view_bg04.gif) bottom no-repeat;}
.support-view h4 {
font-size:1.05em;
font-weight:normal;
color:#fff;
padding:18px 0 12px 10px;
margin-bottom:12px;
}
.support-view h4.faqs {background:url(../img/support-preview_head01.gif) repeat-x;}
.support-view h4.docs {background:url(../img/support-preview_head02.gif) repeat-x;}
.support-view h4.forum {background:url(../img/support-preview_head03.gif) repeat-x;}
.support-view h4.chat {background:url(../img/support-preview_head04.gif) repeat-x;}
.support-view h4 a:link, .support-view h4 a:visited {
color:#fff;
font-weight:normal;
text-decoration:none;
}
.support-view p {padding:0 45px 0 15px;}
.support-view a.go {
position:absolute;
bottom:13px;right:13px;
width:26px;
height:26px;
background:url(../img/btn-search.gif) no-repeat;
}
.support-view a.go span {display:none;}
.support-view a:link, .support-view a:visited {text-decoration:underline;}
.support-view a:hover {text-decoration:none;}

/*********
SYSTEMS**/
/******************
Tabbed system**/
#tab-basic_nav {
float:left;
position:relative;
z-index:50;
width:100%;
margin:2px 0 20px 0;
border-bottom:1px solid #6b6b6b;
}
#tab-basic_nav ul {
margin:0 13px;
padding:0;
border-left:1px solid #b1c4cb;
}
#tab-basic_nav li {
display:inline;
list-style:none;
font-size:0.75em;
}
#tab-basic_nav li a {
float:left;
width:112px;
padding:6px 0 3px;
margin:0;
color:#7598a5;
text-align:center;
text-decoration:none;
font-weight:normal;
background:#eaf0f1;
border:1px solid #b1c4cb;
border-left:0;border-bottom:0;
}
#tab-basic_nav li a:hover {
background:#fff;
border:1px solid #6b6b6b;
border-bottom:0;
margin-left:-1px;
}
#tab-basic_nav li a.selected {
padding:7px 0 4px;
margin:-2px 0 -1px -1px;
color:#004159;
background:#fff;
border:1px solid #6b6b6b;
border-bottom:1px solid #fff;
}
#tab-basic_nav li a.selected:hover {border-bottom:1px solid #fff;}/*ie needs me*/
#tab-basic_nav li.purchase a {
color:#e79a88;
background:#f9ebe7;
border:1px solid #f1c7bd;
border-left:0;
border-bottom:0;
}
#tab-basic_nav li.purchase a.selected {
padding:7px 0 4px;
margin:-2px 0 -1px -1px;
color:#cf4729;
background:#f9ebe7;
border:1px solid #cf4729;
border-bottom:1px solid #fff;
}
#tab-basic_nav li.purchase a.selected:hover {border-bottom:1px solid #fff;}
#tab-basic_nav li.purchase a:hover {
color:#cf4729;
background:#f9ebe7;
border:1px solid #cf4729;
border-bottom:0;
margin-left:-1px;
}
/******************
Ajax Tabbed box**/
#tab-box_nav {
float:right;
position:relative;
z-index:50;
width:300px;
margin:7px 0 30px 0;
background:url(../img/tab-box_nav_bg.gif) repeat-y;
}
#tab-box_nav ul {}
ul.mootabs_title {margin:0 0 0 12px;}
ul.mootabs_title li {
list-style:none;
font-size:0.75em;
width:110px;
float:left;
padding:6px 0 3px;
margin:0;
color:#7598a5;
text-align:center;
text-decoration:none;
font-weight:normal;
cursor:pointer;
background:#eaf0f1;
border:1px solid #b1c4cb;
border-left:0;
border-bottom:0;
}
ul.mootabs_title li:hover {text-decoration:underline;}
ul.mootabs_title li.active {
position:relative;
z-index:99;
padding:8px 0 3px;
margin:-2px 0 -1px -1px;
color:#004159;
background:#fff;
border:1px solid #6b6b6b;
border-bottom:1px solid #fff;
}
ul.purchase li {
display:inline;
list-style:none;
font-size:0.75em;
}
ul.purchase li a {
width:110px;
float:left;
padding:6px 0 3px;
margin:-10px 0 0 0;
color:#cf4729;
text-align:center;
cursor:pointer;
background:#f9ebe7;
border:1px solid #f1c7bd;
border-left:0;
border-bottom:0;
}
ul.purchase li a:link, ul.purchase li a:visited {text-decoration:none;color:#cf4729;}
ul.purchase li a:hover {text-decoration:underline;}
.mootabs_panel {
display:none;
position:relative;
width:100%;
z-index:50;
clear:both;
overflow:auto;
float:left;
padding-top:30px;
background:#fff;
border-top:1px solid #6b6b6b;
}
.mootabs_panel.active {display:block;}
.extra-details {
float:right;
width:470px;
background:#fff;
}
/******************
Gallery**/
#gallery-con {
float:left;
width:455px;
height:37px;
font-size:0.8em;
margin:-10px 0 15px;
background:url(../img/gallery-con_bg.gif);
}
.buttons {
float:left;
width:280px;
padding:10px;
text-align:right;
}
.buttons span {text-decoration:underline;cursor:pointer;}
.buttons span:hover {text-decoration:none;}
.buttons #prev {margin-right:30px;padding-left:15px;background:url(../img/icon-prev.gif) 0 2px no-repeat;}
.buttons #next {padding-right:15px;background:url(../img/icon-next.gif) right 2px no-repeat;}
.img-info {
float:left;
width:125px;
padding:10px 15px;
text-align:right;
}
.mask {
clear:left;
position:relative;
width:450px;
height:300px;
overflow:hidden;
margin-bottom:15px;
border:1px solid #bbb;
}
#box {position:absolute;}
#box img {border:0;width:450px;height:300px;margin:0;}
#box span {
display:block;
float:left;
}

/*****
RHS**/
/******************
RHS Panel**/
#ad-panel {
float:left;
width:220px;
padding:10px 0 35px 0;
}
.ad-box01 {
float:right;
width:204px;
min-height:100px;
padding-bottom:12px;
margin-bottom:20px;
background:#ebf1f2 url(../img/ad-box01_bg.gif) bottom no-repeat;
}
.ad-box01-inner {
float:left;
width:204px;
background:url(../img/ad-box01_head.gif) no-repeat;
}
.ad-box01-inner h5 {
/*height:66px;*/
font-size:1.1em;
font-weight:normal;
line-height:1.2em;
color:#fff;
padding:8px 30px 25px 18px;
background:url(../img/icon-experts.gif) 147px 5px no-repeat;
}
.ad-box01-inner p {
text-align:center;
font-size:0.95em;
color:#004151;
padding:0 18px;
margin:0;
}

.ad-box02 {
float:right;
width:202px;
margin-bottom:20px;
background:#e8e8e8 url(../img/ad-box02_bg.gif) right bottom no-repeat;
border:1px solid #efc6bd;
}
.ad-box02 h5 {
font-size:1.1em;
font-weight:normal;
color:#cf4729;
padding:6px 30px 6px 18px;
background:#e0e0e0 url(../img/icon-links.gif) 135px 45% no-repeat;
}
.ad-box02 ul {padding:10px 0;}
.ad-box02 ul li {
font-family:verdana, arial, helvetica, sans-serif;
list-style:none;
font-size:0.75em;
}
.ad-box02 a, .ad-box02 a:visited {text-decoration:underline;}
.ad-box02 a:hover {text-decoration:none;}

.ad-box03 {
float:right;
width:204px;
margin-bottom:15px;
background:#d4e5ea url(../img/ad-box03_bg.gif) repeat-x;
}
.ad-box03 h5 {
font-size:1.1em;
font-weight:normal;
color:#00aad2;
padding:6px 30px 6px 18px;
}
.ad-box03 ul {
padding:10px 0;
margin:0 15px;
border-top:1px solid #00aad2;
}
.ad-box03 ul li {
font-family:verdana, arial, helvetica, sans-serif;

list-style:none;
font-size:0.7em;
line-height:normal;
margin:0;
}
.ad-box03 ul.blogs li {margin:0 0 10px 0;}
.ad-box03 a, .ad-box03 a:visited {text-decoration:underline;}
.ad-box03 a:hover {text-decoration:none;}

.ad-box04 {
float:right;
width:204px;
}
.ad-box04 img {float:left;border:0;margin:0 1px;}
/******************
Footer**/
#footer {
float:left;
position:relative;
width:100%;
color:#004151;
background:#eaeaea url(../img/footer_bg.gif) top repeat-x;
border-top:13px solid #edea45;
}
#footer p {
float:left;
width:640px;
font-size:0.7em;
line-height:1.45em;
text-align:left;
margin:12px 20px 15px;
margin-left:300px;
}
#footer p span {
position:absolute;
top:0;left:0;
width:200px;
margin:12px 20px 0;
}
#footer span.details {
float:right;
position:absolute;
top:0;right:0;
width:300px;
font-size:0.7em;
text-align:right;
margin:14px 20px 0;
}
/*#footer a:link, #footer a:active, #footer a:visited {text-decoration:none;}
#footer a:hover {text-decoration:underline;}*/
/******************
Global Styles**/
.line {
border-bottom:1px dotted #004151;
margin:10px 0%;
height:1px;
clear:both;
}
.clearing {clear:both;}
acronym, abbr {cursor:help;border-bottom:1px dotted #000;}
fieldset {border:0;}
strong {font-weight:bold;}
em {font-style:italic;}
address {font-style:normal;font-size:0.75em;margin:10px 0;}
input, textarea {outline:none;}/*removes saf outlines*/
blockquote {font-size:1.2em;font-weight:bold;}
.error, .req, .discount {color:#d6492a;font-weight:bold;}
.success {color:#6caf57;font-weight:bold;}
.right {float:right;}
.left {float:left;}
/******************
Links**/
a:link, a:visited {color:#004151;text-decoration:underline;}
a:hover {color:#004151;text-decoration:none;}
a:active {color:#000;/*outline:none;*/}
a:focus {/*outline:none;*/}
a.more01 {text-decoration:none;padding-right:14px;background:url(../img/icon-more01.gif) no-repeat 100% 50%;}
a.more02 {text-decoration:none;padding-right:14px;background:url(../img/icon-more02.gif) no-repeat 100% 50%;}
a.back {font-size:1.15em;text-decoration:none;padding-left:14px;background:url(../img/icon-back.gif) no-repeat 0 50%;}
a.cont {font-size:1.15em;text-decoration:none;padding-right:14px;background:url(../img/icon-cont.gif) no-repeat 100% 50%;}
a.rss {padding-right:12px;background:url(../img/icon-rss.gif) no-repeat 100% 2px;}
a.print {padding-left:22px;background:url(../img/icon-print.gif) no-repeat;}
/******************
Clearfix**/
.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}

/***********/
/**********************************
Description...:Master Screen CSS
Copyright.....:Persona Ltd.
Author........:lewis@per-so-na.com
Last Changed..:20-03-2009
Notes.........:DO NOT MODIFY
/******************
Layout**/
* {
padding:0;
margin:0;
border:0;
}
body {
font-family:verdana, arial, helvetica, sans-serif;
font-size:100%;
text-align:center;
color:#004151;
background:#eaeaea url(../img/bg.gif) center repeat-y;
}
.outer, .container {
position:relative;
width:960px;
margin:0 auto;
text-align:left;
background-color:#fff;
}
h2, h3, h4, h5, h6 {font-family:verdana, arial, helvetica, sans-serif;}
/******************
Login Pane**/
#login-pane {
height:49px;
color:#004151;
background:#edea45 url(../img/login-pane_bg.gif) bottom;
}
#logout-pane {height:0;}
.login-form {
float:right;
font-size:0.7em;
margin-top:8px;
}
.login-form td {
vertical-align:text-top;
padding-right:8px;
}
.login-form label, .login-form span {
font-weight:bold;
font-size:1.2em;
vertical-align:middle;
}
.login-form span {padding:4px 10px;}
.login-form label.remember {
font-weight:normal;
font-size:1em;
}
.login-form input {
width:162px;
height:14px;
font-size:1em;
padding:4px 5px;
vertical-align:middle;
background:url(../img/login-field_bg.gif) no-repeat;
}
.login-form input.pass {font-size:1.4em;}
.login-form input.submit {
width:108px;
height:28px;
font-weight:bold;
font-size:1.3em;
color:#fff;
background:url(../img/btn-login.gif);
}
.login-form input.submit:hover {cursor:pointer;}
.login-form input.checker {
width:15px;
height:15px;
}
.login-form a {font-size:0.9em;}
.login-form a:link, .login-form a:visited {text-decoration:underline;}
.login-form a:hover {text-decoration:none;}
/******************
Header Area**/
#header {
float:left;
height:114px;
width:100%;
padding-top:4px;
background:url(../img/header_bg.gif) repeat-x;
}
#header h1 {
float:left;
height:105px;
width:212px;
margin:0 2px 0 3px;
background:url(../img/logo.gif);
}
#header h1 a {
display:block;
height:105px;
width:212px;
}
#header h1 span, #header p {display:none;}
#header img.steps {float:right;margin:32px 16px 0 0;}
/******************
Sign-In slider**/
#login-btn a#sign-in, #login-btn a#sign-out {
float:left;
margin-top:-15px;
width:90px;
height:22px;
font-size:0.75em;
font-weight:bold;
text-decoration:none;
padding:16px 0 0 30px;
background:url(../img/btn-signin.gif);
}
#login-btn a#sign-out {background:url(../img/btn-signout.gif);}
#login-btn a#sign-in:hover, #login-btn a#sign-out:hover {text-decoration:underline;}
#login-btn a#sign-in:active, #login-btn a#sign-in:focus {outline:none;}
#login-btn span {
position:absolute;
top:8px;
left:343px;
font-size:0.65em;
}
/******************
Quick Links**/
#quick-links {
font-family:arial, helvetica, sans-serif;
float:left;
width:603px;
height:15px;
padding:5px 10px 0;
margin-bottom:10px;
}
#quick-links ul {
float:right;
width:auto;
}
#quick-links li {
float:left;
list-style:none;
font-size:0.75em;
margin-left:5px;
}
#quick-links a.acc {padding-left:19px;background:url(../img/icon-account.gif) no-repeat 0 0;}
#quick-links a.con {padding-left:19px;background:url(../img/icon-contact.gif) no-repeat 0 0;}
#quick-links a.faq {padding-left:19px;background:url(../img/icon-faqs.gif) no-repeat 0 0;}
/******************
Search Area**/
#search {
float:left;
position:relative;
width:282px;
height:32px;
margin:0 12px 0 122px;
background:url(../img/search-form_bg.gif) no-repeat;
}
.search-form {}
#search .search-form input {
width:237px;
height:17px;
font-size:0.8em;
margin:5px 0 0 10px;
padding:3px 0 2px;
vertical-align:middle;
background:none;
}
#search .search-form input.search {
position:absolute;
top:3px;
right:3px;
width:26px;
height:26px;
padding:0;
margin:0;
background:none;
}
/******************
Checkout Tab**/
#checkout-tab {
float:left;
width:311px;
height:26px;
padding:2px;
border:1px solid #ecc9c1;
}
#checkout-tab span {
float:left;
width:127px;
height:26px;
font-size:0.65em;
text-align:center;
padding-top:0;
}
#checkout-tab img {
float:left;
margin-right:6px;
vertical-align:middle;
}
#checkout-tab input {
width:72px;
height:26px;
vertical-align:middle;
/*font-size:0.8em;
font-weight:bold;
background:#e9e9e9 url(../img/btn-checkout.gif);*/
}
#checkout-tab input:hover {cursor:pointer;}
/******************
Navigation**/
#nav {
float:left;
width:524px;
height:46px;
margin-top:6px;
background:url(../img/nav_bg.gif);
}
#nav ul {}
#nav li {
display:inline;
list-style:none;
font-size:1.1em;
width:138px;
height:29px;
}
#nav li a {
float:left;
width:138px;
height:29px;
padding:10px 0 0;/*12*/
margin:2px 4px 0 0;
text-align:center;
text-decoration:none;
}
#nav li a.first {width:118px;}
#nav li a.last {width:118px;margin-right:0;}
#nav li a:hover, #nav li.selected a {
background-image:url(../img/nav-selected.gif);
background-position:0 0;
background-repeat:no-repeat;
}
#nav li.selected a.first, #nav li a.first:hover {background-position:-138px 0;}
#nav li.selected a.last, #nav li a.last:hover {background-position:-256px 0;}
#nav li.selected {}
/******************


Sharepoint logo**/
#ms-logo {
float:left;
width:183px;
height:50px;
margin:11px 15px;
background:url(../img/sharepoint-logo.gif) no-repeat;
}


#ms-logo span {display:none;}
/******************
Breadcrumb**/
#breadcrumb p {
font-size:0.7em;
color:#004151;
margin:7px 0 5px;
}
/******************
Main Content**/
#main-holder {
float:left;
width:930px;
padding:0 10px 20px 20px;
}
.main-content {
float:left;
font-family:arial, helvetica, sans-serif;
}
.main-content h2 {
font-size:1.1em;
font-weight:normal;
color:#004151;
margin:5px 0 10px;
}
.main-content h3 {font-size:0.85em;}
.main-content h4, .main-content h5, .main-content h6 {font-size:0.75em;}
.main-content p {
font-size:0.75em;
margin:0 0 15px;
}
.main-content ul {margin: 0 0 15px;}
.main-content ul li {

font-size:0.75em;
line-height:1.4em;
margin:0 0 0 20px;
}
.main-content ul li li {font-size:1em;}
.main-content ul li ul {padding-bottom:0;}
.main-content ul.basic li {list-style:none;}
.main-content ol {padding-bottom:0px;}
.main-content ol li {
list-style:decimal;
font-size:0.75em;
line-height:1.3em;
margin:0 0 0 30px;
}
.main-content dl {padding-bottom:10px;}
.main-content dl dt {
font-size:0.75em;
font-weight:bold;
margin-left:5px;
}
.main-content dl dd {
font-size:0.75em;
margin-left:15px;
}
.main-content img {
float:left;
margin:5px 10px 5px 0;
border:0px solid #bbb;
}
.main-content a:link, .main-content a:visited {font-weight:bold;text-decoration:underline;}
.main-content a:hover {text-decoration:none;}
/*table code*/
.main-content table {
margin:15px 0;
border-top:1px dotted #004151;
border-left:1px dotted #004151;
}
.main-content td {
font-size:0.75em;
padding:5px;
border-right:1px dotted #004151;
border-bottom:1px dotted #004151;
}
.main-content td p {font-size:1em;margin:0;}
/******************
Address**/
#address-area {
float:left;
width:199px;
padding:15px 20px 5px;
margin:2px 0 0 -1px;
background:#e8f4f7 url(../img/address-area_bg.gif) bottom no-repeat;
border-left:1px solid #dfeaed;
}
#address-area h4 {
font-size:1.05em;
font-weight:normal;
margin:0;
padding:0 0 3px;
border-bottom:1px solid #004054;
}
/****************
COLUMNS + ALTS**/
/******************
Full Col**/
#full-col {
float:left;
width:710px;
}

.split-col {
float:left;
width:355px;
}
.acc-intro {padding:0 15px;}
/******************
Generic Col **/
#gen-col {
float:left;
width:710px;
margin-top:10px;
}
.prod-panel {background:url(../img/prod-panel_bg.gif);}
#gen-col h2 {
position:relative;
font-size:1.05em;
font-weight:normal;
color:#fff;
margin:0 0 10px 0;
padding:9px 0 8px 0;
background:#034353 url(../img/prod-preview_head.gif) repeat-x;
border-bottom:1px solid #ede944;
}
#gen-col h2 a {
font-family:arial, helvetica, sans-serif;
position:absolute;
top:15px;
right:12px;
color:#fff;
font-size:0.65em;
font-weight:normal;
padding-left:20px;
background:url(../img/icon-email.gif) 0 0 no-repeat;
}
/******************
Basket/Purchase**/
#basket-col {
float:left;
width:920px;
margin-top:10px;
}
#basket-col h2 {
position:relative;
font-size:1.05em;
font-weight:normal;
color:#fff;
/*margin:0 0 0;*/
margin-top:0;
padding:9px 0 8px 0;
background:#034353 url(../img/basket_head.gif) bottom repeat-x;
border-bottom:1px solid #ede944;
}
#basket-col h2 span {padding:4px 0 6px 44px;background:url(../img/icon-basket02.gif) 6px 0 no-repeat;}
#basket-col h2 a {
font-family:arial, helvetica, sans-serif;
position:absolute;
top:15px;
right:12px;
color:#fff;
font-size:0.65em;
font-weight:normal;
text-decoration:none;
padding-left:20px;
background:url(../img/icon-email.gif) 0 0 no-repeat;
}
#basket-col p.final {width:470px;text-align:center;}
#basket-col p.final img {float:none;border:0;margin:0 15px 0 0;}
/******************
Support Col**/
#support-col {
float:left;
width:710px;
}
#support-col h2 {
position:relative;
font-size:1.05em;
font-weight:normal;
color:#fff;
margin:10px 0;
padding:10px;
background:#40bfdd url(../img/support_head.gif) bottom repeat-x;
}
#support-col h2 span {
position:absolute;
top:-12px;
right:11px;
width:70px;
height:45px;
padding:0;
}
#support-col h2 span.icon01 {background:url(../img/support_headicon01.gif) no-repeat;}
#support-col h2 span.icon02 {background:url(../img/support_headicon02.gif) no-repeat;}
#support-col h2 span.icon03 {background:url(../img/support_headicon03.gif) no-repeat;}
#support-col h2 span.icon04 {background:url(../img/support_headicon04.gif) no-repeat;}
/*Documentation*/
/*#support-col h3.toggler {
cursor:pointer;
color:#fff;
padding:3px 3px 3px 6px;
background:#28adcd;
border-bottom:2px solid #ccc;
}
.element {margin:5px 0;}*/
#doc-nav {
float:left;
width:180px;
}
#doc-nav ul li {
list-style:none;
margin:0;
}
#doc-nav ul li a {
display:block;
padding:4px;
margin-bottom:10px;
}
#doc-nav ul li a:link {text-decoration:none;}
#doc-nav ul li a.set-toggle {
padding-left:23px;
background:#93d6e6 url(/img/icon-toggle.gif) 4px 4px no-repeat;
}
#doc-nav ul li ul.hide {padding-bottom:8px;}
#doc-nav ul li ul.hide li a {
display:block;
padding:0;
margin:0 0 6px 20px;
}
#doc-nav ul li ul li a:link, #doc-nav ul li ul li a:visited {text-decoration:underline;}
#doc-nav ul li ul li a:hover {text-decoration:none;}
#doc-cont {
float:left;
width:515px;
margin-left:15px;
}
#doc-cont img {float:none;margin-bottom:15px;
}
/*******
FORMS**/
/******************
Purchase Form**/
.licence-frm {margin:5px 0 10px;}
.licence-frm select {border:1px solid #5d8690;width:40px;}
.licence-frm input.add-basket {float:right;}
/******************
Basket Form**/
.basket-frm {margin:0;}
.basket-frm select {border:1px solid #5d8690;width:40px;}
.basket-frm input#checktog {margin:-3px 4px 0 0;padding:0;vertical-align:middle;}
.basket-frm input.add-basket {float:right;margin-left:5px;}
/******************
Checkout Form**/
.checkout-frm input.add-basket {float:right;}
/******************
User Form**/
.contactform_holder {
float:left;
width:450px;
background:#b7d7dc url(../img/contactform_bg.gif) no-repeat;
}
.contactform_holder h4 {
font-size:1em;
font-weight:normal;
margin:0 15px;
padding:15px 0 3px;
border-bottom:1px solid #004054;
}
.contactform_holder h4.sub-heading {
font-size:1.3em;
margin:0;
margin-bottom:8px;
}
table.contactform {
clear:right;
width:450px;
padding:15px;
border:0;
margin:0;
background:url(../img/contactform-bot_bg.gif) bottom no-repeat;
}
.contactform td {
vertical-align:top;
font-size:0.75em;
font-weight:bold;
color:#004151;
padding:0 0 8px;
border:0;
}
.contactform td.notes {
font:0.65em arial, helvetica, sans-serif;
font-weight:normal;
text-align:right;
padding:8px 0 0;
}
.contactform span.hint {font:0.9em arial, helvetica, sans-serif;}
.contactform span.security {
font:0.8em arial, helvetica, sans-serif;
float:left;
margin-top:5px;
}
.contactform label {
float:left;
width:120px;
margin-top:4px;
}
.contactform label.basic {float:none;margin:0;font-weight:normal;}
.contactform input {
font:1em arial, helvetica, sans-serif;
width:290px;
height:19px;
padding:3px 5px 0;
color:#004151;
background:url(../img/contactform-input.gif) no-repeat;
}
.contactform input.zipcode {width:150px;border-right:1px solid #999;}
.contactform input.credit {width:40px;border-right:1px solid #999;}
.contactform input.submit {
width:auto;
height:auto;
padding:0;
margin:0;
background:none;
}
.contactform input.clear {
font:bold 1.2em arial, helvetica, sans-serif;
width:auto;
height:26px;
padding:0 16px;
background:#e1e1e1 url(../img/btn-clear.gif) repeat-x;
}
.contactform input.radio {
width:13px;
height:14px;
margin:0 10px 3px 0;
vertical-align:middle;
background:#fff none;/*opera needs me*/
}
.contactform input.checker {
width:14px;
height:14px;
margin:5px 0 0;
background:#fff none;/*opera needs me*/
}
.contactform select {
font:1em arial, helvetica, sans-serif;
width:300px;
color:#004151;
border:1px solid #999;
}
.contactform select.date {width:60px;}
.contactform textarea {
font:1em arial, helvetica, sans-serif;
width:290px;
height:140px;
color:#004151;
padding:5px;
background:url(../img/contactform-textarea.gif) top no-repeat;
}
.contactform img {border:0;}
/**Live validate**/
span.LV_valid {color:#47bf4c;}	
span.LV_invalid {color:#d6492a;}
span.LV_validation_message {
float:left;
width:100%;/*webkit fix*/
font-size:0.7em;
font-weight:bold;
margin:3px 0 0;
}
/******************
Sign-In**/
.signinform_holder {
float:left;
width:350px;
margin:20px 0 40px;
background:url(../img/signinform_holder_bg.gif) no-repeat;
}
.signinform_holder h4 {
font-size:1em;
font-weight:normal;
margin:3px 0 0;
padding:5px 11px 8px;
border-left:1px solid #edea45;
border-right:1px solid #edea45;
background:#f6f4a1;
}
.signinform_holder img {border:0;margin:0 0 0 80px;}
table.signinform {
float:left;
width:350px;
padding:20px 25px;
border:0;
margin:0;
background:#edea45 url(../img/signinform_bg.gif) bottom no-repeat;
}
.signinform td {
vertical-align:top;
font-size:0.75em;
font-weight:bold;
color:#004151;
padding:0 0 10px;
border:0;
}
.signinform label {
float:left;
width:85px;
margin-top:4px;
}
.signinform label.basic {
float:none;
font:0.9em arial, helvetica, sans-serif;
margin:0 5px;
}
.signinform input {
font:1em arial, helvetica, sans-serif;
width:202px;
height:19px;
padding:3px 5px 0;
color:#004151;
background:url(../img/signinform-input.gif) no-repeat;
}
.signinform input.submit {
width:auto;
height:auto;
padding:0;
margin-top:10px;
background:none;
}
.signinform input.checker {
float:left;
width:14px;
height:14px;
background:#fff none;/*opera needs me*/
}
.signinform span.hint {font:0.7em arial, helvetica, sans-serif;}
.signinform td p {margin-bottom:5px;font-weight:normal;}

/******************
Thanks Panel**/
#thanks-panel_holder {
float:left;
width:470px;
margin-bottom:30px;
background:url(../img/thanks-panel_holder_bg.gif) no-repeat;
}
.thanks-panel {
float:left;
width:470px;
min-height:230px;
margin-top:20px;
background:#ebebeb url(../img/thanks-panel_bg.gif) bottom no-repeat;
}
.thanks-panel h4 {
font-size:1em;
font-weight:normal;
margin:0 15px 20px;
padding:0 0 3px;
border-bottom:1px solid #004054;
}
.thanks-panel h5 {
text-align:center;
font-size:0.9em;
margin-bottom:20px;
font-weight:normal;
}
.thanks-panel p {text-align:center;margin:0 10px;}
.thanks-panel img {float:none;border:0;margin-top:20px;}
/******************
Table**/
table.matrix {
float:right;
margin:10px 0;
border-left:1px solid #fff;
border-top:1px solid #fff;
}
.matrix th {
text-align:center;
font-size:0.75em;
font-weight:bold;
color:#fff;
vertical-align:middle;
border:1px solid #fff;
border-left:0;
border-top:0;
padding:3px 6px;
background:#004059;
/*white-space:nowrap;*/
}
.matrix th.type {height:50px;}
.matrix th.nobg {background:#fff;}
.matrix td {
border:0;
border-bottom:1px dotted #004151;
border-right:1px solid #fff;
padding:8px 6px;
text-align:center;
}
.matrix td.price {
font-family:verdana, arial, helvetica, sans-serif;
font-size:1.15em;
}
.matrix td.quantity {text-align:center;width:60px;}
.matrix td.price span {font-size:0.7em;}
.matrix tr.spec td {background:#ebebeb;border-right:1px solid #eee;}
.matrix img {float:none;border:0;margin:0;}
/******************
Basket Table**/
table.order {
clear:right;
width:100%;
margin:0;
border-left:1px solid #fff;
border-top:1px solid #fff;
}
.order th {
text-align:center;
font-size:0.9em;
font-weight:bold;
color:#fff;
border:1px solid #fff;
border-left:0;
border-top:0;
padding:4px 6px;
background:#004059;
white-space:nowrap;
}
.order th.tight {width:50px;}
.order td {
font-size:0.75em;
text-align:center;
border:0;
border-bottom:1px dotted #004151;
padding:8px 6px;
}
.order td.controls {
text-align:left;
border:0;
padding:12px 0;
}
.order td.price {
font-family:verdana, arial, helvetica, sans-serif;
font-size:1.15em;
}
/*.order td.quantity {text-align:center;}*/
.order td.price span {font-size:0.7em;}
.order tr.spec td {background:#faebe8;}
.order a span.similar {font-size:0.9em;font-weight:normal;}
.order img {float:none;width:100px;height:50px;margin-top:0;}
.order img.shop {float:right;width:auto;height:auto;margin:0;border:0;}

.history td {padding:20px 6px;}
/******************
Basket Total**/
table.basket-total {
clear:both;
width:100%;
border:0;
}
.basket-total td {
font-size:0.75em;
text-align:center;
border:0;
padding:8px 6px;
}
.basket-total td.controls {
text-align:left;
vertical-align:top;
padding:0;
}
.basket-total td.notes {width:760px;}
.basket-total td.notes span {float:right;width:280px;text-align:left;}
.basket-total td.total {
width:200px;
padding:12px 0;
border:1px solid #004159;
background:#fff;
}
.basket-total td.total span.price {
font-family:verdana, arial, helvetica, sans-serif;
font-size:1.5em;
}
.basket-total td.total span.price span {font-size:0.7em;}
.basket-total img.shop {float:right;margin:12px 0 0 0;border:0;}
.basket-total input.add-basket {margin-top:12px;}
/*Payment options*/
.checkout-payment {
float:right;
width:420px;
margin:30px 10px 0;
}
.checkout-payment h5 {
float:left;
font-size:0.95em;
font-weight:normal;
}
.choices {
float:right;
width:210px;
font-size:0.8em;
font-weight:bold;
}
.choices span {font-weight:normal;font-size:0.8em;}
.choices input {padding-top:10px;} 
/******************
Checkout Total**/
table.basket-checkout-final {
clear:right;
width:100%;
border:0;
margin-bottom:0;
}
.basket-checkout-final td {
font-size:0.75em;
text-align:right;
border:0;
padding:4px 6px;
}
.basket-checkout-final td.total {
width:50px;
text-align:left;
}
.basket-checkout-final td.total span.price {
font-family:verdana, arial, helvetica, sans-serif;
font-size:1.5em;
}
.basket-checkout-final td.total span.price span {font-size:0.7em;}
/*.basket-checkout-final img.shop {float:right;margin:12px 5px 0 0;border:0;}*/
.basket-checkout-final input {
font:1em arial, helvetica, sans-serif;
width:92px;
height:19px;
padding:3px 5px 0;
color:#004151;
background:url(../img/voucher-input.gif) no-repeat;
}
.basket-checkout-final input.recal {background:none;width:auto;height:auto;margin:0;}

/******************
Billing page + table**/
.billing-confirm {
float:left;
width:426px;
padding:15px 12px;
margin:0 20px 10px 0;
background:#eaeaea;
}
.billing-confirm div {
float:left;
width:175px;
}
.billing-confirm h4 {
font-size:1.05em;
font-weight:normal;
margin:0 0 20px;
padding:0 0 3px;
border-bottom:1px solid #004054;
}
.billing-confirm ul.basic li {
list-style:none;
margin:0;
}
.billing-confirm ul.basic li strong {margin-right:7px;}
table.billing-total {
width:450px;
font-family:verdana, arial, helvetica, sans-serif;
font-size:1.3em;
padding:0 8px;
margin:0 0 15px;
border:1px solid #004159;
}
.billing-total td {
padding:7px 5px;
border:0;
}
.billing-total td.price {
text-align:right;
font-size:0.85em;
}
.billing-total span.hint {font-size:1.2em;}
/**Invoice**/
table.invoice {
width:220px;
font-size:1.1em;
font-weight:bold;
}
table.invoice td.price {font-weight:normal;}
#full-col div.ref {font-size:0.7em;}
/**********
HOMEPAGE**/
/******************
News**/
#news {
float:left;
position:relative;
width:220px;
margin-left:10px;
}
#news h4 {
font-size:1.05em;
font-weight:normal;
color:#004151;
padding:9px 0 8px;
border-bottom:1px solid #00aad2;
}
#news h4 a {
position:absolute;
top:10px;
right:0;
width:90px;
height:18px;
background:url(../img/btn-newsrss.gif) no-repeat;
}
#news h4 span {display:none;}
/*#news dl {}
#news dl dt {
margin:0;
padding:10px 0 0 0;
}
#news dl dt a {color:#00aad2;font-weight:normal;}
#news dl dd {
margin:0 0 5px 0;
padding:0 0 10px 0;
border-bottom:1px dotted #004151;
}*/
/******************
RSS Live Display**/
.feedburnerFeedBlock {
float:left;
margin:0 0 -10px;
width:220px;
}
.feedburnerFeedBlock img {display:none;}
.feedburnerFeedBlock ul {}
.feedburnerFeedBlock ul li {
list-style:none;
margin:10px 0 15px 0;
padding:0 0 10px 0;
line-height:normal;
border-bottom:1px dotted #004151;
}
.feedburnerFeedBlock li div {}
.feedburnerFeedBlock a:link, .feedburnerFeedBlock a:visited, .feedburnerFeedBlock a:hover {color:#00aad2;font-weight:normal;}
.headline {font-size:1em;}

/**********
PRODUCTS**/
/******************
Product box**/
.prod-view-holder {float:left;margin-left:-10px;}
.homepage {width:480px;}
.prod-view {
float:left;
position:relative;
width:230px;
min-height:350px;/*335*/
/*max-height:335px; make same to prevent float bugs*/
/*color:#004151;*/
margin:0 0 10px 10px;
background:#eaf0f1 url(../img/prod-view_bg.gif) bottom no-repeat;
}
/*.prod-view-holder .last {margin-right:0;}*/
.prod-view-pad {
float:left;
width:204px;
padding:13px 11px 13px 15px;
padding-bottom:25%;
}
.prod-view h4 {
font-size:1.05em;
font-weight:normal;
color:#fff;
min-height:40px;
padding:9px 0 8px 0;
background:#034353 url(../img/prod-preview_head.gif) repeat-x;
border-bottom:1px solid #ede944;
}
h2 span, h4 span.prod {padding-left:44px;background:url(../img/icon-basket.gif) 13px 1px no-repeat;}
.prod-view h4 a:link, .prod-view h4 a:visited {
color:#fff;
font-weight:normal;
text-decoration:none;
}
.prod-view h4 a:hover {text-decoration:underline;}
.prod-view p {margin-bottom:20px;}
.prod-view p.price {
float:right;
position:absolute;
bottom:50px;
right:16px;
font-family:verdana, arial, helvetica, sans-serif;
font-size:1.1em;
font-weight:normal;
margin:0;
}
.prod-view p.price span {font-size:0.8em;}
.prod-view img {
width:200px;
height:100px;
margin:0 0 8px -1px;
}
.prod-view img.buy {
position:absolute;
bottom:13px;
right:16px;
width:auto;
height:auto;
border:0;
margin:0;
}
.prod-view img.trial {
position:absolute;
bottom:13px;
left:16px;
width:auto;
height:auto;
border:0;
margin:0;
}
.prod-view a:link, .prod-view a:visited {text-decoration:underline;}
.prod-view a:hover {text-decoration:none;}
/******************
Side Panel**/
#side-panel {
float:left;
width:202px;
padding:4px 14px 14px;
margin-bottom:20px;
}
#side-panel h5 {
clear:left;
font-family:arial, helvetica, sans-serif;
color:#d84519;
font-size:0.75em;
}
#side-panel p.price {
float:left;
font-family:verdana, arial, helvetica, sans-serif;
font-size:1.1em;
font-weight:normal;
margin:0;
}
#side-panel p.price span {font-size:0.5em;}
#side-panel p.price span.dec {font-size:0.8em;}
#side-panel ul {
float:left;
margin:15px 0;
width:100%;
}
#side-panel ul li {
list-style:none;
margin:0;
border-bottom:1px dotted #004151;
}
#side-panel ul li a {
display:block;
padding:5px 0 5px 16px;
text-decoration:none;
background:url(../img/icon-more03.gif) no-repeat 0% 50%;
}
#side-panel ul li a:hover {text-decoration:underline;background-color:#c3dcdf;}
#side-panel img.preview {
width:200px;
height:100px;
margin:0 0 15px;
}
#side-panel img.buy {
float:right;
border:0;
margin:5px 0 0;
}
/**Product view**/
#side-panel .prod-view {
width:200px;
min-height:inherit;
background:none;
border:1px solid #6e93a0;
margin:5px 0 0;
}
#side-panel .prod-view-pad {width:174px;padding-bottom:0;}
#side-panel .prod-view h4 {
min-height:30px;
font-size:0.9em;
padding:7px 0 6px 0;
background:#034353 url(../img/prod-preview_head.gif) repeat-x;
}
#side-panel .prod-view h4 span {padding-left:35px;background:url(../img/icon-basketsmall.gif) 8px 1px no-repeat;}
#side-panel .prod-view p {
font-size:0.7em;
margin-bottom:5px;
}
#side-panel .prod-view p.price {
position:inherit;
font-size:1.1em;
margin:0 0 10px;
}
/*#side-panel .prod-view p.price span {font-size:0.8em;}*/
#side-panel .prod-view img {
width:170px;
height:80px;
margin:0 0 8px -1px;
}
#side-panel .prod-view img.buy {
width:auto;
height:auto;
margin:0;
}
/**********
SUPPORT**/
/******************
Support box**/
.support-holder {
float:left;
width:100%;
margin:0 0 10px;
}
.support-view {
float:left;
position:relative;
width:344px;
min-height:137px;
margin:0 8px 10px 0;
background:#ebf1f2;
}
.faqs {background:#ebf1f2 url(../img/support-view_bg01.gif) bottom no-repeat;}
.docs {background:#ebf1f2 url(../img/support-view_bg02.gif) bottom no-repeat;}
.forum {background:#ebf1f2 url(../img/support-view_bg03.gif) bottom no-repeat;}
.chat {background:#ebf1f2 url(../img/support-view_bg04.gif) bottom no-repeat;}
.support-view h4 {
font-size:1.05em;
font-weight:normal;
color:#fff;
padding:18px 0 12px 10px;
margin-bottom:12px;
}
.support-view h4.faqs {background:url(../img/support-preview_head01.gif) repeat-x;}
.support-view h4.docs {background:url(../img/support-preview_head02.gif) repeat-x;}
.support-view h4.forum {background:url(../img/support-preview_head03.gif) repeat-x;}
.support-view h4.chat {background:url(../img/support-preview_head04.gif) repeat-x;}
.support-view h4 a:link, .support-view h4 a:visited {
color:#fff;
font-weight:normal;
text-decoration:none;
}
.support-view p {padding:0 45px 0 15px;}
.support-view a.go {
position:absolute;
bottom:13px;right:13px;
width:26px;
height:26px;
background:url(../img/btn-search.gif) no-repeat;
}
.support-view a.go span {display:none;}
.support-view a:link, .support-view a:visited {text-decoration:underline;}
.support-view a:hover {text-decoration:none;}

/*********
SYSTEMS**/
/******************
Tabbed system**/
#tab-basic_nav {
float:left;
position:relative;
z-index:50;
width:100%;
margin:2px 0 20px 0;
border-bottom:1px solid #6b6b6b;
}
#tab-basic_nav ul {
margin:0 13px;
padding:0;
border-left:1px solid #b1c4cb;
}
#tab-basic_nav li {
display:inline;
list-style:none;
font-size:0.75em;
}
#tab-basic_nav li a {
float:left;
width:112px;
padding:6px 0 3px;
margin:0;
color:#7598a5;
text-align:center;
text-decoration:none;
font-weight:normal;
background:#eaf0f1;
border:1px solid #b1c4cb;
border-left:0;border-bottom:0;
}
#tab-basic_nav li a:hover {
background:#fff;
border:1px solid #6b6b6b;
border-bottom:0;
margin-left:-1px;
}
#tab-basic_nav li a.selected {
padding:7px 0 4px;
margin:-2px 0 -1px -1px;
color:#004159;
background:#fff;
border:1px solid #6b6b6b;
border-bottom:1px solid #fff;
}
#tab-basic_nav li a.selected:hover {border-bottom:1px solid #fff;}/*ie needs me*/
#tab-basic_nav li.purchase a {
color:#e79a88;
background:#f9ebe7;
border:1px solid #f1c7bd;
border-left:0;
border-bottom:0;
}
#tab-basic_nav li.purchase a.selected {
padding:7px 0 4px;
margin:-2px 0 -1px -1px;
color:#cf4729;
background:#f9ebe7;
border:1px solid #cf4729;
border-bottom:1px solid #fff;
}
#tab-basic_nav li.purchase a.selected:hover {border-bottom:1px solid #fff;}
#tab-basic_nav li.purchase a:hover {
color:#cf4729;
background:#f9ebe7;
border:1px solid #cf4729;
border-bottom:0;
margin-left:-1px;
}
/******************
Ajax Tabbed box**/
#tab-box_nav {
float:right;
position:relative;
z-index:50;
width:300px;
margin:7px 0 30px 0;
background:url(../img/tab-box_nav_bg.gif) repeat-y;
}
#tab-box_nav ul {}
ul.mootabs_title {margin:0 0 0 12px;}
ul.mootabs_title li {
list-style:none;
font-size:0.75em;
width:110px;
float:left;
padding:6px 0 3px;
margin:0;
color:#7598a5;
text-align:center;
text-decoration:none;
font-weight:normal;
cursor:pointer;
background:#eaf0f1;
border:1px solid #b1c4cb;
border-left:0;
border-bottom:0;
}
ul.mootabs_title li:hover {text-decoration:underline;}
ul.mootabs_title li.active {
position:relative;
z-index:99;
padding:8px 0 3px;
margin:-2px 0 -1px -1px;
color:#004159;
background:#fff;
border:1px solid #6b6b6b;
border-bottom:1px solid #fff;
}
ul.purchase li {
display:inline;
list-style:none;
font-size:0.75em;
}
ul.purchase li a {
width:110px;
float:left;
padding:6px 0 3px;
margin:-10px 0 0 0;
color:#cf4729;
text-align:center;
cursor:pointer;
background:#f9ebe7;
border:1px solid #f1c7bd;
border-left:0;
border-bottom:0;
}
ul.purchase li a:link, ul.purchase li a:visited {text-decoration:none;color:#cf4729;margin:0;}
ul.purchase li a:hover {text-decoration:underline;}
.mootabs_panel {
display:none;
position:relative;
width:100%;
z-index:50;
clear:both;
overflow:auto;
float:left;
padding-top:30px;
background:#fff;
border-top:1px solid #6b6b6b;
}
.mootabs_panel.active {display:block;}
.extra-details {
float:right;
width:470px;
background:#fff;
}
/******************
Gallery**/
#gallery-con {
float:left;
width:455px;
height:37px;
font-size:0.8em;
margin:-10px 0 15px;
background:url(../img/gallery-con_bg.gif);
}
.buttons {
float:left;
width:280px;
padding:10px;
text-align:right;
}
.buttons span {text-decoration:underline;cursor:pointer;}
.buttons span:hover {text-decoration:none;}
.buttons #prev {margin-right:30px;padding-left:15px;background:url(../img/icon-prev.gif) 0 2px no-repeat;}
.buttons #next {padding-right:15px;background:url(../img/icon-next.gif) right 2px no-repeat;}
.img-info {
float:left;
width:125px;
padding:10px 15px;
text-align:right;
}
.mask {
clear:left;
position:relative;
width:450px;
height:300px;
overflow:hidden;
margin-bottom:15px;
border:1px solid #bbb;
}
#box {position:absolute;}
#box img {border:0;width:450px;height:300px;margin:0;}
#box span {
display:block;
float:left;
}

/*****
RHS**/
/******************
RHS Panel**/
#ad-panel {
float:left;
width:220px;
padding:10px 0 35px 0;
}
.ad-box01 {
float:right;
width:204px;
min-height:100px;
padding-bottom:12px;
margin-bottom:20px;
background:#ebf1f2 url(../img/ad-box01_bg.gif) bottom no-repeat;
}
.ad-box01-inner {
float:left;
width:204px;
background:url(../img/ad-box01_head.gif) no-repeat;
}
.ad-box01-inner h5 {
/*height:66px;*/
font-size:1.1em;
font-weight:normal;
line-height:1.2em;
color:#fff;
padding:8px 30px 25px 18px;
background:url(../img/icon-experts.gif) 147px 5px no-repeat;
}
.ad-box01-inner p {
text-align:center;
font-size:0.95em;
color:#004151;
padding:0 18px;
margin:0;
}

.ad-box02 {
float:right;
width:202px;
margin-bottom:20px;
background:#e8e8e8 url(../img/ad-box02_bg.gif) right bottom no-repeat;
border:1px solid #efc6bd;
}
.ad-box02 h5 {
font-size:1.1em;
font-weight:normal;
color:#cf4729;
padding:6px 30px 6px 18px;
background:#e0e0e0 url(../img/icon-links.gif) 135px 45% no-repeat;
}
.ad-box02 ul {padding:10px 0;}
.ad-box02 ul li {
font-family:verdana, arial, helvetica, sans-serif;
list-style:none;
font-size:0.75em;
}
.ad-box02 a, .ad-box02 a:visited {text-decoration:underline;}
.ad-box02 a:hover {text-decoration:none;}

.ad-box03 {
float:right;
width:204px;
margin-bottom:15px;
background:#d4e5ea url(../img/ad-box03_bg.gif) repeat-x;
}
.ad-box03 h5 {
font-size:1.1em;
font-weight:normal;
color:#00aad2;
padding:6px 30px 6px 18px;
}
.ad-box03 ul {
padding:10px 0;
margin:0 15px;
border-top:1px solid #00aad2;
}
.ad-box03 ul li {
font-family:verdana, arial, helvetica, sans-serif;
list-style:none;
font-size:0.7em;
line-height:normal;
margin:0;
}
.ad-box03 ul.blogs li {margin:0 0 10px 0;}
.ad-box03 a, .ad-box03 a:visited {text-decoration:underline;}
.ad-box03 a:hover {text-decoration:none;}

.ad-box04 {
float:right;
width:204px;
}
.ad-box04 img {float:left;border:0;margin:0 1px;}
/******************
Footer**/
#footer {
float:left;
position:relative;
width:100%;
color:#004151;
background:#eaeaea url(../img/footer_bg.gif) top repeat-x;
border-top:13px solid #edea45;
}
#footer p {
float:left;
width:640px;
font-size:0.7em;
line-height:1.45em;
text-align:left;
margin:12px 20px 15px;
margin-left:300px;
}
#footer p span {
position:absolute;
top:0;left:0;
width:200px;
margin:12px 20px 0;
}
#footer span.details {
float:right;
position:absolute;
top:0;right:0;
width:300px;
font-size:0.7em;
text-align:right;
margin:14px 20px 0;
}
/*#footer a:link, #footer a:active, #footer a:visited {text-decoration:none;}
#footer a:hover {text-decoration:underline;}*/
/******************
Global Styles**/
.line {
border-bottom:1px dotted #004151;
margin:10px 0%;
height:1px;
clear:both;
}
.clearing {clear:both;}
acronym, abbr {cursor:help;border-bottom:1px dotted #000;}
fieldset {border:0;}
strong {font-weight:bold;}
em {font-style:italic;}
address {font-style:normal;font-size:0.75em;margin:10px 0;}
input, textarea {outline:none;}/*removes saf outlines*/
blockquote {font-size:1.2em;font-weight:bold;}
.error, .req, .discount {color:#d6492a;font-weight:bold;}
.success {color:#6caf57;font-weight:bold;}
.right {float:right;}
.left {float:left;}
/******************
Links**/
a:link, a:visited {color:#004151;text-decoration:underline;}
a:hover {color:#004151;text-decoration:none;}
a:active {color:#000;/*outline:none;*/}
a:focus {/*outline:none;*/}
a.more01 {text-decoration:none;padding-right:14px;background:url(../img/icon-more01.gif) no-repeat 100% 50%;}
a.more02 {text-decoration:none;padding-right:14px;background:url(../img/icon-more02.gif) no-repeat 100% 50%;}
a.back {font-size:1.15em;text-decoration:none;padding-left:14px;background:url(../img/icon-back.gif) no-repeat 0 50%;}
a.cont {font-size:1.15em;text-decoration:none;padding-right:14px;background:url(../img/icon-cont.gif) no-repeat 100% 50%;}
a.rss {padding-right:12px;background:url(../img/icon-rss.gif) no-repeat 100% 2px;}
a.print {padding-left:22px;background:url(../img/icon-print.gif) no-repeat;}
/******************
Clearfix**/
.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}

/* ADDITIONS FOR LANDING PAGE 2 */
#Layer-1 {
  position: relative;

  width: 919px;
  height: 406px;
  z-index: 1;
}
#Layer-2 {
  position: absolute;
  left: 210px;
  top: 316px;
  width: 191px;
  height: 61px;
  z-index: 2;
}

#Layer-3 {
  position: absolute;
  left: 15px;
  top: 316px;
  width: 193px;
  height: 63px;
  z-index: 3;
}

#Layer-4 {
  position: relative;
  width: 919px;
  height: 389px;
  z-index: 4;
  font-size: 12px;
 
}

#Layer-5 {
  position: absolute;
  left: 245px;
  width: 350px;
  height: 354px;
  z-index: 5;
}

#layer-5 ul {
padding-left:6px;
}

#layer-5 li {
margin-left:20px;
color:black;
padding-bottom:10px;
list-style-image: url(../img/boxes/tick.gif);

} 

#Layer-6 {
  position: absolute;
  left: 590px;
  top: 30px;
  width: 350px;
  height: 354px;
  z-index: 6;
}

#layer-6 ul {
}

#layer-6 li {
color:black;
padding-bottom:10px;
margin-left:20px;
list-style-image: url(../img/boxes/tick.gif);
} 

#layer-7 {
position:absolute;
top:30px;
left:0;
}

/******************
Navigation**/
/* edited margin top to 46px for landing page 2*/
#nav2 {
float:left;
width:524px;

margin-top:38px;
background:url(../img/nav_bg.gif);
}
#nav2 ul {}
#nav2 li {

font-size:1.1em;
width:138px;

}
#nav2 li a {
float:left;
width:138px;
padding:10px 0 0;/*12*/
margin:2px 4px 0 0;
text-align:center;
text-decoration:none;
}
#nav2 li a.first {width:118px;}
#nav2 li a.last {width:118px;margin-right:0;}
#nav2 li a:hover, #nav li.selected a {
background-image:url(../img/nav-selected.gif);
background-position:0 0;
background-repeat:no-repeat;
}
#nav2 li.selected a.first, #nav li a.first:hover {background-position:-138px 0;}
#nav2 li.selected a.last, #nav li a.last:hover {background-position:-256px 0;}
#nav2 li.selected {}
/******************
/* edited margin top to 42px for landing page 2*/

Sharepoint logo**/
#ms-logo-2 {
float:left;
width:183px;
height:50px;
margin:42px 15px;
background:url(../img/sharepoint-logo.gif) no-repeat;
}


#ms-logo-2 span {display:none;}
/******************
Breadcrumb**/
#breadcrumb p {
font-size:0.7em;
color:#004151;
margin:7px 0 5px;
}

#flags {
position:relative;
left:240px;
text-align:left;
float:left;
font-size:0.7em;

}

#more {
float:right;
position:relative;
left:190px;

padding: 7px 30px 5px 15px;
background: url(../img/boxes/Learn_More-Arrow-26x26.png) right no-repeat;
}

#more a {
font-size:16px;
font-weight:bold;
}

/******************

/* DOWNLOAD PAGE */

#down-col {
float:left;
width:750px;
margin-top:10px;
}

#left-col {
float:left;
width:340px;
padding:10px;

}

#right-col {
float:left;
width:310px;
padding:10px;
font-size:12px;
font-weight:normal;
}

#blue-box {
position:relative;
background-color:#e7eff1;
color:#000;
width:300px;
/*height:240px;*/
padding:15px;
font-size:12px;
font-weight:normal;
}

#blue-box p {
font-size:12px;
font-weight:normal;
}

#down-btn {
  width: 109px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../img/download/download_btn.gif) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.textfield {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000000;
   background-color: #FFF;
   padding: 2px;
   height: 16px;
   width: 180px;
   border: 1px solid #7F9DB9;
} 

.prod-img {
	width: 200px;
	float:left;
	padding-right: 10px;
}

.prod-desc {
	float:left;
	width: 470px;
}

.matrix td {
font-family:verdana,arial,helvetica,sans-serif;
font-size:1.15em;
}