/**
 * The intention of this cascading-style-sheet, is to
 * format and layout the xhtml screen output.
 *
 * @package LASITEC
 * @author Dirk Kredler <kredler@zitrus.com>
 * @version $Id: screen.css 77 2010-02-16 09:00:09Z dirk $
 */

/**
 * Document wide settins.
 *
 * We use relative values. To get a mapping
 * we set the document font-size to 
 *
 * 62.5% == 10px 
 * 1pt = 1.333 px
 *
 * so we can use 
 *
 * 1em == 10px
 * 1.1em == 11px
 * 1.2em == 12px 
 *
 * and so on... its quite intuitive
 */
body { 
    margin: 15px 0 5px 0; padding: 0;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;    
    font-size: 62.5%;                                       
    color: #000000; 
    background: #d8d9db none;
    width: auto;
}

/**
 * Reset all margins, paddings and font-sizes for all elements to setup a uniform startingpoint
 */
* {
    margin: 0; padding: 0; font-size: 1em;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

img {
    border: 0;
}

a {
    text-decoration: none;
    color: #df0024;
}

a:hover {  
    /* color: #0033ff; */
    color: #333333;
}

/**
 * Sections
 */

#dMain {
    width: auto;
}

#dContent {
    width: 980px;
    border: none;
    text-align: left;
}

#dContentTable {
    width: 960px;
    border: 1px solid #c1c1c1;
    background: #ffffff none;
}

#dSearch {
    padding: 5px 5px 10px 7px;
    color: #000000;
    /* background: #c1c1c1 none; */
    background: #ffffff none;
    white-space: nowrap;
}

#dEurocert {
    position: relative;
    top: -12px;
    left: 37px;
}

#frmSearch {
    position: relative;
    left: 3px;
}

#search {
    width: 105px; 
}

#dVisualImage {
    border: none;
}

#search {
    border: 1px solid #999999;
    padding: 2px;
    margin: 0px 0px 0px 5px;
}

#dClaim {
    width: 100%;
    padding: 10px 10px 12px 19px;
    font-family: Arial, Helvetica, sans-serif;    
    font-size: 1.8em;
    font-weight: normal;
    letter-spacing: 0.125em;
    font-variant: normal;
    color: #c1c1c1; 
    background: #ffffff none;
    text-align: left;
}

#dLogo {
    padding: 10px 20px 10px 20px;
    background: #ffffff none;
}

#dLanguage {
    padding: 3px 10px 1px 10px;
    color: #000000;
    background: #999999 none;
}

#dLocation {
    padding: 3px 10px 3px 20px;
    font-size: 1.2em; 
    font-weight: bold;
    color: #ffffff;
    background: #999999 none;
}


#dLocation a {
    color: #ffffff;
    background: #999999 none;
}

#dLocation a:hover {
    color: #333333;
    background: #999999 none;
}

#dInfocenter {
    padding: 3px 10px 3px 12px;
    font-size: 1.2em; 
    font-weight: normal;
    color: #ffffff;
    background: #999999 none;
}

#dInfocenter a {
    color: #ffffff;
}

#dInfocenter a.hit {
    color: #df0024;
}

#dInfocenter a:hover {  
    /* color: #0033ff; */
    color: #df0024;
}


#dAddress {
    padding: 3px 12px 3px 20px;
	font-size: 1.2em;
    color: #333333;
    background: #999999 none;
    text-align: left;
}

#dAddress a {
    color: #ffffff;
    background: #999999 none;
}

#dAddress a:hover {
    color: #333333;
    background: #999999 none;
}


#dMainMenu {
    padding: 10px 0px 10px 0px;
	font-size: 12px;
    color: #000000;
    background: #c1c1c1 none;
    line-height: 1.6em;
}

.lvl1 {
    display: block;
    background-color: #D3D2D2;
    padding: 3px 3px 3px 3px;
    margin: 15px 0 5px 0;
}

.lvln {
    margin: 0 0 8px 0;
    padding: 0 0 0 6px;
}

#dMainMenu a {
    display: block;
    margin: 0; padding: 0;
    color: #333333;
}

#dMainMenu a.hit {
    color: #df0024;
}

#dMainMenu a:hover {  
    /* color: #0033ff; */
    color: #df0024;
}

#dAdminMenu {
    padding: 10px 0px 10px 10px;
	font-size: 12px;
    color: #000000;
    background: #c1c1c1 none;
    line-height: 1.6em;
}


#dSubstance {
	font-size: 1.2em;
    line-height: 1.5em;
    padding: 20px 10px 0 20px;
    color: #333333;
    background: #ffffff none;
}

#dSubstance h1 {
    margin-bottom: 20px;
    font-size: 1.4em;
    color: #625252;
    background: #ffffff none;
    font-weight: bold;
}

#dSubstance h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
    font-size: 1.2em;
    color: #625252;
    background: #ffffff none;
    font-weight: bold;
}

#dSubstance p {
    margin-bottom: 15px;
}

#dDownload ul {
    list-style: none;
}

#dDownload p {
    margin-bottom: 5px;
}

#dDownload p.download {
    margin-bottom: 20px;
}


#dDownload p.download img {
    position: relative;
    top: 3px;
    left: -2px;
}

#dSubstance strong {
    color: #625252;
    background: #ffffff none;
}

#dMetaMenu {
	font-size: 1.2em;
    padding: 20px 5px 10px 0px;
    margin: 0;
    color: #000000;
    background: #c1c1c1 none;
    min-width: 11em;
}

#dMetaMenu a {
    margin-left: 0.7em;
    line-height: 1.8em;
    color: #333333;
}

#dMetaMenu a.hit {
    color: #df0024;
}


#dMetaMenu a:hover {  
    /* color: #0033ff; */
    color: #df0024;
}

.linkcolor {
    color: #df0024;
}

.linkcolorsmall {
    font-size: 0.6em;
    color: #df0024;
    position: relative;
    top: -3px;
    left: -4px;
}

#frmRegister {
    margin-bottom: 15px;
	font-size: 1em;
}

#frmRegister p {
    margin-bottom: 10px;
    color: #625252;
    font-variant: normal;
    font-weight: normal;
}

#frmRegister p.warning {
    margin-bottom: 10px;
    color: #df0024;
    font-variant: normal;
    font-weight: bold;
}

#frmLogin {
    padding-bottom: 25px;
    margin-bottom: 25px;
	font-size: 1em;
    border-bottom: 1px solid #c1c1c1;
}

#frmLogin p {
    margin-bottom: 10px;
    color: #625252;
    font-variant: normal;
    font-weight: normal;
}

#frmLogin p.warning {
    margin-bottom: 10px;
    color: #df0024;
    font-variant: normal;
    font-weight: bold;
}

#frmPW {
    padding-bottom: 25px;
    margin-bottom: 25px;
	font-size: 1em;
}

#frmPW p {
    margin-bottom: 10px;
    color: #625252;
    font-variant: normal;
    font-weight: normal;
}

#frmPW p.warning {
    margin-bottom: 10px;
    color: #df0024;
    font-variant: normal;
    font-weight: bold;
}

#frmAddress {
    padding-bottom: 25px;
    margin-bottom: 25px;
	font-size: 1em;
    border: none;
}

#frmAddress p {
    margin-bottom: 10px;
    color: #625252;
    font-variant: normal;
    font-weight: normal;
}

#frmAddress p.warning {
    margin-bottom: 10px;
    color: #df0024;
    font-variant: normal;
    font-weight: bold;
}

#frmAdmin {
    padding-bottom: 25px;
    margin-bottom: 25px;
	font-size: 1em;
    border: none;
}

#frmAdmin p {
    margin-bottom: 10px;
    color: #625252;
    font-variant: normal;
    font-weight: normal;
}

#frmAdmin p.warning {
    margin-bottom: 10px;
    color: #df0024;
    font-variant: normal;
    font-weight: bold;
}

#tblCart td {
    padding: 15px 0;
    margin: 15px 0;
    border-bottom: 1px solid #c1c1c1;
}

#tblCart td.first {
    border-bottom: 1px solid #c1c1c1;
}

#tblCart td.sum {
    padding: 0;
    margin: 0;
    font-weight: bold;
    border-bottom: none;
}

#tblCart td.shipping {
    padding: 0;
    margin: 0;
    font-weight: bold;
    border-bottom: none;
}

#tblCart td.shippingTxt {
    padding: 0;
    margin: 0;
    font-weight: normal;
    border-bottom: none;
}

#tblCart td.tax {
    padding: 0;
    margin: 0;
    font-weight: bold;
    border-bottom: 1px solid #c1c1c1;
}

#tblCart td.taxTxt {
    padding: 0;
    margin: 0;
    font-weight: normal;
    border-bottom: 1px solid #c1c1c1;
}

#tblCart td.total {
    padding: 0 0 10px 0;
    margin: 0;
    font-weight: bold;
    text-decoration: underline;
    border-bottom: none;
}

#tblOrder {
    margin-bottom: 25px;
}

#tblOrder th {
    margin: 0 0 5px 0;
    border-bottom: 1px solid #c1c1c1;
    font-weight: bold;
    color: #625252;
}

#tblOrder td {
    margin: 0 0 5px 0;
    border-bottom: 1px solid #c1c1c1;
}

#tblOrder td.last {
    border-bottom: none;
}

#tblOrder td.detail {
    background-color: #c1c1c1;
}

#tblOrder td.order {
    padding: 3px 0;
    margin: 0;
    border: none;
}

#tblOrder td.frmLeft {
    padding: 0 0 0 10px;
    border: none;
    border-left: 1px solid #c1c1c1;
    margin: 0;
}

#tblOrder td.frmRight {
    padding: 0 10px 0 0;
    margin: 0;
    border: none;
}

/**
 * Classes
 */

.box {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    color: #000000;
    /* background: #ffffff none; */
    /* border: 1px solid #999999; */
    line-height: 1.4em;
}

.box h2 {
    padding: 5px;
    margin-bottom: 5px;
    color: #000000;
    background: #c1c1c1 none;
}

.box a {
    padding: 5px;
}

.emptyBasket {
    color: #c1c1c1;
    padding: 5px;
}

.space {
    margin: 0 0 15px 0;
}

.btn {
    position: relative;
    top: 4px;
}

.fldOK {
    width: 99%;
    border: 1px solid #c1c1c1;
}

.fldFailed {
    width: 99%;
    border: 1px solid #df0024;
}

.fldQty {
    width: 4em;
    border: 1px solid #c1c1c1;
    text-align: right;
    padding: 0 3px;
    margin-right: 8px;
    margin-left: 16px;
}

.message {
    margin: -15px 0 -15px 0;
    line-height: 1em;
    font-weight: normal;
    color: #df0024;
}

.message a {
    text-decoration: underline;
}

.frmRight {
    padding: 0 10px 0 0;
}

.frmLeft {
    padding: 0 0 0 10px;
    border-left: 1px solid #c1c1c1;
}

.black {
    color: #ffffff;
    background: #999999 none;
}

.dark {
    color: #000000;
    background: #c1c1c1 none;
}

.light {
    color: #000000;
    background: #ffffff none;
}

.hit {
    color: #333333;
}

.topArticle {
    margin: 0 25px 15px 0;
    float: left;
    white-space: nowrap;
}

.menuArticle {
    padding: 10px 15px 0px 0;
    border-bottom: 1px solid #999999;
}

.menuArticleFirst {
    padding: 0 15px 0px 0;
    border-bottom: 1px solid #999999;
}

.menuArticleLast {
    padding: 10px 15px 0px 0;
}

.menuArticleFirstLast {
    padding: 0 15px 0 0;
}

.detailArticle {
    padding: 0 15px 15px 0;
}

.customerPriceRow {
    padding: 2px 0 2px 0;
    border-top: 1px solid #999999;
}