/*Alice testing out subversion*/

@media screen {

    /**
     * Global elements
     */

    body {
        color       : #333;
        background  : #ffffff;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size   : 0.75em;
    }

    h1 { font-size : 1.7em; margin-top : 0; }
    h2 { font-size : 1.5em; }
    h3 { font-size : 1.3em; }
    h4 { font-size : 1.1em; }
    h5 { font-size : 1.0em; }
    h1, h2, h3, h4, h5 { font-family :Verdana, Arial, Helvetica, sans-serif; color : #376DA9; }

    img { border : 0; }
    form { margin : 0; }

    a { 
        color           : #FF9900; 
        background      : none; 
        text-decoration : none;
    }
    a:hover { 
        color           : #FF9900;  
        text-decoration : underline;
    }


    /**
     * Setup the 3 column layout
     */

    body { 
        margin : 0; 
        padding : 0 300px; 
        min-width : 300px; 
        background: #F7F7F7 url(../images/background.jpg) repeat-x scroll left top;
    }

    #header, #footer, #nav { margin : 0 -300px 0 -300px; }

    .column            { float : left; position : relative; }
    #content-container { width : 100%;  padding : 0; margin-bottom : 10px; }
    #left-container    { width : 300px; margin-left : -100%; right : 300px; }
    #right-container   { width : 300px; margin-right : -300px; }

    #footer { clear : both; }

    * html #left-container { left : 300px; }


    /**
     * Style the main page areas
     */
    #header {
        background    : url(../images/logo.jpg) no-repeat 300px 9px;
        height        : 133px;
    }
    #header img { display : none; }

    #content-container { 
        background : #fff; 
    }

    #content-container div { 
        -moz-border-radius    : 1em;
        -webkit-border-radius : 1em;
    }

    #content {
        border      : 1px solid #A1CBE3;
        padding     : 10px;
        line-height : 1.8em;
    }

    #breadcrumbs {
        font-size : 0.8em;
        color     : #ccc;
        margin-bottom : 10px;
    }

    #breadcrumbs a { color : #aaa; }
    #breadcrumbs a:hover { background : #aaa; color : #fff; }

    #left-container .box, #right-container .box {
        margin                : 0 10px 10px 10px;
        padding               : 10px;
        border                : 1px solid #A1CBE3;
        background            : #fff;
        font-size             : 0.9em;
        line-height           : 1.6em;
        -moz-border-radius    : 1em;
        -webkit-border-radius : 1em;
    }

    #footer {
        background  : #ECECEC none repeat scroll 0 0;
        border-top  : 1px solid #DEDEDE;
        font-family : Arial,Helvetica,sans-serif;
        height      : 50px;
        padding     : 0 0 15px;
        margin-top  : 100px;
    }
    
    #footer p {
        color:          #A0A0A0;
        font-size:      9px;
        line-height:    normal;
        margin:         0;
        padding-top:    20px;
        text-align:     center;
        text-transform: uppercase;
    }


    /**
     * Tabbed navigation
     */

    #nav {
        height     : 49px;
        padding    : 0 0 0 300px;
        text-align : center;
    }

    #nav ul {
        line-height         : normal;
        list-style-image    : none;
        list-style-position : outside;
        list-style-type     : none;
        margin              : 0;
        padding             : 0;
    }

    #nav li {
        border-left : 1px solid #96C4E0;
        float       : left;
    }

    #nav a {
        border          : medium none;
        color           : #FFFFFF;
        display         : block;
        font-family     : Arial, Helvetica, sans-serif;
        font-size       : 13px;
        font-weight     : bold;
        height          : 24px;
        padding-top     : 10px;
        text-align      : center;
        text-decoration : none;
        padding-left    : 20px;
        padding-right   : 20px;
    }

    #nav a:hover {
        background      : #000066;
        text-decoration : none;
        padding-left    : 20px;
        padding-right   : 20px;
    }

    #nav li.active a {
        background   : #000066;
        padding-left    : 20px;
        padding-right   : 20px;
    }


    /**
     * Left Column Search Boxes
     */

    #search.box {
        position  : relative;
    }

    #search.box select {
        width     : 100px;
    }

    #search.box input[type=text] {
        width     : 145px;
    }

    #search.box input[type=submit] {
        position  : absolute;
        top       : 25px;
        left      : 210px;
    }

    #search-query {
        width     : 170px;
        border    : 1px solid #3389C2;
        padding   : 2px;
    }

    #search ul {
        position        : absolute;
        list-style-type : none;
        width           : 147px;
        margin          : -2px 0 0 105px;
        padding         : 0;
        background      : #ffffff;
        border          : 1px solid #707070;
        font-size       : 85%;
        z-index         : 99;
    }

    #search li {
        padding : 2px;
        margin  : 0;
    }

    #search li.active {
        background  : #f22;
        color       : #fff;
        cursor      : pointer;
    }

    #search input, #search select, #search div {
        font-size   : 1.0em;
    }


    /**
     * Right Column News/Product Boxes
     */

    #news.box {
        min-height  : 200px;
    }

    #product.box {
        min-height  : 400px;
    }



    /**
     * Forms
     */

    div.error {
        background : #a00;
        padding    : 5px;
        margin     : 5px 0;
        color      : #fff;
    }

    form .row div.error {
        font-size : 0.8em;
        line-height : 1em;
    }

    form .row { 
        margin   : 10px 0; 
        clear    : both;
        position : relative; 
    }

    form .row label {
        width       : 150px;
        float       : left;
        display     : block;
        font-weight : bold;
    }

    form .row label.design {
        width       : 250px;
    }

    form .row label.quote {
        width       : 250px;
    }

    form .row div.addinfo {
        font-size    : 0.8em;
        line-height  : 1.0em;
        min-height   : 18px;
        color        : #732E00;
        background   : url(../images/addinfo.png) no-repeat 4px #FEF7B7;
        margin-top   : 1px;
        padding      : 6px 0 0 30px;
        margin-left  : 250px;
        width        : 206px;
    }

    form .row span.addinfo {
        width : 250px;
    }

    form .row div.addinfo-enter-image {
        position : absolute;
        top      : -4px;
        left     : 220px;
    }
    
    form .row div.addinfo-enter {
        margin-left: 0px; 
    }
    
    form .row div.addinfo-enter input[type=text] {
        color      : #732E00;
        background : #FEF7B7;
        width      : 482px;
    }

    form .row input[type=text] { width : 230px; }
    form .row input[type=password] { width : 230px; }
    form .row textarea { width : 230px; }
    form .row .select { width : 230px; }

    form .captcha { margin-left : 150px; }

    form .submit {
        padding : 5px;
        margin-top : 10px;
        background : #eee;
    }

    
    /**
     * Status boxes
     */

    div.status {
        color      : #fff;
        padding    : 5px;
        margin     : 5px 0;
    }

    span.status {
        color      : #fff;
        padding    : 1px;
    }

    .status.draft      { background : #FAAC58; }
    .status.new        { background : #58FAF4; }
    .status.processing { background : #58ACFA; }
    .status.denied     { background : #F781F3; }
    .status.open       { background : #BE81F7; }
    .status.rejected   { background : #F781BE; }
    .status.approved   { background : #81F781; }
    .status.accepted   { background : #81F781; }
	.status.registered { background : #01DF01; }
	.status.closed     { background : #01DF01; }
	.status.live       { background : #01DF01; }

    #deny_reason textarea {
        width  : 99%;
        height : 30px;
    }

    #reject_reason textarea {
        width  : 99%;
        height : 30px;
    }

    /**
     * Account: User Addresses
     */

    #user-addresses {
        line-height : 1em;
        margin      : 5px 0;
        padding     : 5px;
    }

    #user-addresses div.address {
        color      : #083879;
        background : url(../images/address.png) no-repeat 5px 5px #E4E8EE;
        padding    : 5px 5px 5px 60px;
        margin     : 5px;
        float      : left;
        width      : 250px;
        min-height : 50px;
    }

    #user-addresses div.manage { 
        clear : both; 
    }

    #user-addresses div.button {
        padding-top : 5px;
    }

    #user-addresses input, #user-addresses div {
        font-size   : 0.95em;
    }


    /**
     * UserManager: User Groups
     */
    #group-users div.row {
        min-width    : 350px;
        width        : 46%;
        float        : left;
        height       : 70px;
        margin       : 10px;
        padding      : 5px;
        position     : relative;
        background   : url(../images/user.png) no-repeat right #E9F9FF;
    }

    #group-users div.username {
        float        : left;
        width        : 100px;
    }
    
    #group-users div.name {
        margin-left  : 110px;
    }
    
    #group-users div.email {
        margin-left  : 110px;
    }
    
    #group-users div.group {
        margin-left  : 110px;
    }
    
    #group-users label {
        position    : absolute;
        left        : 20px;
        color       : #666666;
        font-style  : italic;
    }
    
    #group-users .pagination {
        text-align   : center;
        clear        : both;
    }
    
    #user-groups {
        line-height : 1em;
        margin      : 5px 0;
        padding     : 5px;
    }

    #user-groups div.group {
        position   : relative;
        color      : #3F79D0;
        background : url(../images/usergroup.png) no-repeat 5px 5px #DAE8F8;
        padding    : 5px 5px 5px 60px;
        margin     : 5px;
        float      : left;
        width      : 270px;
        min-height : 90px;
    }

    #user-groups img.internal {
        position : absolute;
        top      : 0px;
        left     : 0px;
    }

    #user-groups div.group dt {
        font-weight    : bold;
        padding-bottom : 5px;
    }

    #user-groups div.group dd {
        margin-left : 0px;
    }

    #user-groups div.button {
        padding-top : 10px;
    }

    #user-groups input, #user-groups div, #preview-usergroup input {
        font-size   : 0.95em;
    }


    /**
     * Previewing of design requests
     */

    .preview-status form { margin-top : 5px; }
    .preview-status { margin-bottom : 10px; }
    .preview-date {
        font-size : 0.9em;
        color     : #999;
        clear     : both;
    }

    #status-preview .status {
        font-weight : normal;
        font-size   : 0.9em;
    }

    #status-preview div.row {
        min-width    : 350px;
        width        : 46%;
        float        : left;
        height       : 70px;
        margin       : 10px;
        padding      : 5px;
        position     : relative;
        background   : url(../images/folder.png) no-repeat right #E8E8E8;
    }

    #status-preview div.row div.quickinfo {
        position     : absolute; 
        top          : 0; 
        left         : 0;
    }

    #status-preview div.status {
        float        : left;
        width        : 100px;
        text-align   : center;
        padding      : 0;
        margin       : 0;
    }
    
    #status-preview div.project {
        margin-left  : 110px;
    }
    
    #status-preview div.date {
        margin-left : 110px;
    }

    #status-preview div.partno {
        margin-left : 110px;
    }
    
    #status-preview label {
        position    : absolute;
        left        : 30px;
        color       : #666666;
        font-style  : italic;
    }
    
    #status-preview div.name {
        margin-left : 110px;
    }
    
    #status-preview .pagination {
        text-align   : center;
        clear        : both;
    }
    
    #preview-detail {
        margin     : 7px 1px;
        padding    : 0 5px;
        font-size  : 0.8em;
    }

    #preview-detail.draft      { background : #FBF5EF; }
    #preview-detail.new        { background : #EFFBFB; }
    #preview-detail.processing { background : #EFF5FB; }
    #preview-detail.denied     { background : #FBEFF5; }
    #preview-detail.open       { background : #F5EFFB; }
    #preview-detail.rejected   { background : #FBEFF5; }
    #preview-detail.approved   { background : #EFFBF5; }
    #preview-detail.accepted   { background : #EFFBF5; }
    #preview-detail.registered { background : #CEF6CE; }
    #preview-detail.closed     { background : #CEF6CE; }
	#preview-detail.live       { background : #CEF6CE; }

    #preview-detail.draft h1      { color : #FAAC58; }
    #preview-detail.new h1        { color : #58FAF4; }
    #preview-detail.processing h1 { color : #58ACFA; }
    #preview-detail.denied h1     { color : #FA58F4; }
    #preview-detail.open h1       { color : #AC58FA; }
    #preview-detail.rejected h1   { color : #FA58AC; }
    #preview-detail.approved h1   { color : #58FA58; }
    #preview-detail.accepted h1   { color : #58FA58; }
	#preview-detail.registered h1 { color : #01DF01; }
	#preview-detail.closed h1     { color : #01DF01; }
	#preview-detail.live h1       { color : #01DF01; }

    #preview-detail h1 {
        font-size    : 1.1em;
        text-align   : left;
        cursor       : pointer;
    }

    #preview-detail table {
        width        : 100%;
        margin-left  : 20px;
    }

    #preview-detail tr {
        vertical-align : top;
    }

    #preview-detail td.label {
        width        : 200px;
    }

    #preview-detail td.value {
        width        : 200px;
        font-weight  : bold;
    }

    #preview-detail td.productvalue {
        font-weight  : bold;
    }

    #preview-detail div.addinfo {
        float        : left;
        font-size    : 0.9em;
        line-height  : 1.0em;
        min-height   : 18px;
        color        : #732E00;
        font-weight  : normal;
        background   : url(../images/addinfo.png) no-repeat 4px #FEF7B7;
        padding      : 3px 0 3px 32px;
        width        : 200px;
    }

    #design.wysiwyg { margin : 10px 0; height: 294px; }
    #quote.wysiwyg { margin : 10px 0; height: 355px; }
    #product.wysiwyg { margin : 10px 0; height: 374px; }
    #news.wysiwyg { margin : 10px 0; height: 400px; }


    /**
     * Previewing of design requests: images
     */

    #preview-images {
        margin      : 5px 0;
        padding     : 5px;
    }

    #preview-images input {
        font-size   : 0.95em;
    }

    #preview-images ul {
        list-style-type : none;
        margin          : 0;
        padding         : 0;
    }

    #preview-images li {
        float           : left;
        font-size       : 0.85em;
        text-align      : center;
        margin          : 3px;
        padding         : 2px;
        border          : 1px solid #ddd;
        background      : #fff;
        cursor          : move;
    }

    #preview-images img {
        display : block;
    }

    #preview-images div {
        clear     : both;
        font-size : 0.95em;
    }

    #preview-images-display div {
        font-size : 0.95em;
    }

    .design-image {
        float  : left;
        margin : 0 0 5px 5px;
    }


    /**
     * Previewing of design requests: datasheets
     */

    #preview-datasheets {
        margin      : 5px 0;
        padding     : 5px;
    }

    #preview-datasheets input {
        font-size   : 0.95em;
    }

    #preview-datasheets ul {
        list-style-type : none;
        margin          : 0;
        padding         : 0;
    }

    #preview-datasheets li {
        float           : left;
        font-size       : 0.85em;
        text-align      : center;
        margin          : 3px;
        padding         : 2px;
        border          : 1px solid #ddd;
        background      : #fff;
        cursor          : move;
    }

    #preview-datasheets img {
        display : block;
    }

    #preview-datasheets div {
        clear     : both;
        font-size : 0.95em;
    }

    #preview-datasheets-display div {
        font-size : 0.95em;
    }

    .design-datasheet {
        float  : left;
        margin : 0 0 5px 5px;
    }


    /**
     * Previewing of design request comments
     */

    #preview-comments {
        line-height : 1em;
        margin      : 5px 0;
        padding     : 5px;
    }

    #preview-comments div.comment {
        color      : #0032A4;
        background : url(../images/comment.png) no-repeat 5px 5px #DCF5FF;
        padding    : 5px 5px 5px 60px;
        margin     : 10px;
        min-height : 40px;
    }

    #preview-comments div.date {
        font-weight    : bold;
        padding-bottom : 0px;
    }

    #preview-comments div.text {
        padding-bottom : 0px;
    }

    #preview-comments input, #preview-comments div {
        font-size   : 0.95em;
    }


    /**
     * Previewing of design request questions
     */

    #preview-questions {
        line-height : 1em;
        margin      : 5px 0;
        padding     : 5px;
    }

    #preview-questions div.qa-block {
        border  : 1px solid #0032A4;
        margin  : 10px;
    }

    #preview-questions div.question {
        color      : #1B4AAF;
        background : url(../images/question.png) no-repeat 5px 5px #EFFAFF;
        padding    : 5px 5px 5px 60px;
        min-height : 40px;
        -moz-border-radius-bottomleft      : 0;
        -moz-border-radius-bottomright     : 0;
        -webkit-border-bottom-left-radius  : 0;
        -webkit-border-bottom-right-radius : 0;
    }

    #preview-questions div.answer {
        color      : #0032A4;
        background : url(../images/answer.png) no-repeat 5px 5px #DCF5FF;
        padding    : 5px 5px 5px 60px;
        min-height : 40px;
        -moz-border-radius-topleft      : 0;
        -moz-border-radius-topright     : 0;
        -webkit-border-top-left-radius  : 0;
        -webkit-border-top-right-radius : 0;
    }

    #preview-questions div.date {
        font-weight    : bold;
        padding-bottom : 0px;
    }

    #preview-questions div.text {
        padding-bottom : 0px;
    }

    #preview-questions input, #preview-questions div {
        font-size   : 0.95em;
    }


    /**
     * Search Results of Quote Part Search
     */

    #preview-part-searchresult {
        line-height : 1em;
        margin      : 5px 0;
        padding     : 5px;
    }

    #preview-part-searchresult ul {
        list-style-type : none;
        margin          : 0;
        padding         : 0;
    }

    #preview-part-searchresult li {
        float           : left;
        cursor          : move;
    }

    #preview-part-searchresult input, #preview-part-searchresult div, #preview-part-searchresult p {
        font-size   : 0.95em;
    }

    #preview-part-searchresult div.searchpart {
        float      : left;
        border     : 1px solid #ded;
        width      : 320px;
        background : url(../images/battery-search.png) no-repeat 5px 40px #ded;
        padding    : 5px;
        margin     : 5px;
    }

    #preview-part-searchresult div.title {
        font-weight    : bold;
        font-size      : 1em;
        padding-bottom : 5px;
    }

    #preview-part-searchresult div.searchpart p {
        font-weight   : bold;
        margin        : 0 0 0 60px; 
        padding       : 2px 0;
    }

    #preview-part-searchresult div.searchpart label {
        font-size     : 0.9em;
        font-weight   : normal;
        font-style    : italic;
        clear         : both;
        float         : left;
        width         : 8.5em;
    }

    #preview-part-searchresult div.searchpart input[type=submit] {
        margin     : 5px 0 0 60px;
    }


    /**
     * Search Part Form
     */

    #search-part select {
        width     : 150px;
    }

    #search-part input[type=text] {
        width     : 175px;
    }

    #search-part-query {
        width     : 170px;
        border    : 1px solid #707070;
        padding   : 2px;
    }

    #search-part ul {
        position        : absolute;
        list-style-type : none;
        width           : 177px;
        margin          : -2px 0 0 252px;
        padding         : 0;
        background      : #f7f7f7;
        border          : 1px solid #707070;
        font-size       : 85%;
        z-index         : 99;
    }

    #search-part li {
        padding : 2px;
        margin  : 0;
    }

    #search-part li.active {
        background  : #f22;
        color       : #fff;
        cursor      : pointer;
    }

    #search-part input, #search-part select, #search-part div, #search-part form {
        font-size   : 0.95em;
    }


    /**
     * Adding of quote/order parts
     */
    #adding-parts {
        line-height : 1em;
        margin      : 5px 0;
        padding     : 5px;
    }

    #adding-parts ul {
        list-style-type : none;
        margin          : 0;
        padding         : 0;
    }

    #adding-parts div.part {
        color      : #D58A00;
        background : url(../images/battery.png) no-repeat 5px 5px #FFF3E1;
        padding    : 5px 5px 5px 60px;
        margin     : 10px;
        min-height : 50px;
    }

    #adding-parts #order_parts div.part {
        width      : 400px;
        float      : left;
    }

    #adding-parts div.part label {
        font-size      : 0.9em;
        font-weight    : normal;
        font-style     : italic;
        vertical-align : top;
        float          : left;
        margin-right   : 0.5em;
    }

    #adding-parts div.title {
        font-size      : 1.1em;
        font-weight    : bold;
        padding-bottom : 10px;
    }

    #adding-parts div.part div.col-left, #adding-parts div.part div.col-right, #adding-parts div.part div.col-button {
        padding-right : 20px;
        float         : left;
    }

    #adding-parts div.part div.col-button {
        padding-right : 0px;
        width         : 40px;
        text-align    : right;
    }

    #adding-parts div.usage, #adding-parts div.quantity {
        float         : left;
    }

    #adding-parts div.usage label, #adding-parts div.competition label, #adding-parts div.requests label {
        width         : 10em;
    }

    #adding-parts #order_parts div.part p {
        margin        : 2px 0;
    }

    #adding-parts #order_parts p label {
        width         : 11em;
    }

    #adding-parts #quote_parts div.quantity label, #adding-parts div.price label {
        margin-left   : 1em;
    }

    #adding-parts div.usage, #adding-parts div.quantity, #adding-parts div.price, #adding-parts div.competition, #adding-parts div.requests {
        padding       : 1px 0;
    }

    #adding-parts div.usage input[type=text], #adding-parts div.quantity input[type=text], #adding-parts div.price input[type=text] {
        width         : 58px;
    }
    
    #adding-parts div.competition input[type=text], #adding-parts div.requests textarea {
        width         : 318px;
    }
    
    #adding-parts div.requests textarea {
        height        : 33px;
    }

    #adding-parts #order_parts input, #adding-parts #order_parts textarea {
        width         : 158px;
    }
    
    #adding-parts #order_parts textarea {
        height        : 50px;
    }
    
    #adding-parts input, #adding-parts select, #adding-parts div, #adding-parts label, #adding-parts p {
        font-size   : 0.95em;
    }

    #adding-parts textarea {
        font-size   : 1.2em;
    }
    
    #adding-parts div.addinfo-enter {
        margin-top   : 5px;
        background   : url(../images/addinfo.png) no-repeat 4px #FEF7B7;
        border       : 1px solid #732E00;
        padding      : 3px 0 3px 32px;
        width        : 97%;
    }
    
    #adding-parts div.addinfo-enter textarea {
        width        : 97%;
        height       : 30px;
        font-size    : 1.3em;
        color        : #732E00;
    }

    
    /**
     * Previewing of quote parts
     */
    #preview-parts ul {
        list-style-type : none;
        margin          : 0;
        padding         : 0;
    }

    #preview-parts li {
        float           : left;
    }

    #preview-parts {
        line-height : 1em;
        margin      : 5px 0;
        padding     : 5px;
    }

    #preview-parts div.part {
        color      : #D58A00;
        background : url(../images/battery.png) no-repeat 5px 5px #FFF3E1;
        padding    : 5px 5px 5px 60px;
        margin     : 10px;
        min-height : 50px;
        min-width  : 200px;
        max-width  : 450px;
        width      : 25%;
        float      : left;
    }

    #preview-parts div.title {
        font-size      : 1.1em;
        font-weight    : bold;
        padding-bottom : 10px;
    }

    #preview-parts div.part label {
        font-size     : 0.9em;
        font-weight   : normal;
        font-style    : italic;
        clear         : both;
        float         : left;
        width         : 10em;
    }

    #preview-parts div.part p {
        font-weight   : bold;
        margin        : 0 0;
        padding       : 1px 0;
    }

    #preview-parts #order_parts div.data, #preview-parts div.order div.data {
        margin-left   : 110px; 
    }
    
    #preview-parts #order_parts div.part label, #preview-parts div.order label {
        width         : 110px;
    }

    #preview-parts div.button {
        clear       : both;
    }

    #preview-parts input, #preview-parts div, #preview-parts label, #preview-parts p {
        font-size   : 0.95em;
    }

    #preview-parts div.addinfo {
        clear        : both;
        margin-top   : 5px;
        font-size    : 0.9em;
        line-height  : 1.0em;
        min-height   : 18px;
        color        : #732E00;
        font-weight  : normal;
        background   : url(../images/addinfo.png) no-repeat 4px #FEF7B7;
        border       : 1px solid #732E00;
        padding      : 3px 0 3px 32px;
        width        : 200px;
    }



    /**
     * log data
     */

    #preview-logs {
        line-height : 1em;
        margin      : 5px 0;
        padding     : 5px;
        cursor      : pointer;
    }

    #preview-logs div.log {
        max-height  : 200px;
        overflow    : auto;      
    }

    #preview-logs table {
        width     : 99%;
        margin    : 10px;
        font-size : 0.8em;
    }

    #preview-logs tr {
        vertical-align : top;
    }

    #preview-logs th {
        color      : #dedede;
        background : #434343;
    }


    /**
     * product teaser (right box)
     */

    .teaser {
        border-top  : 1px dashed #eee;
        padding     : 5px 0;
        margin      : 10px 0;
    }

    .teaser h3 {
        margin      : 0;
    }

    div.teaser-data div.data {
        margin-left   : 100px; 
        padding       : 2px 0;
        font-weight   : bold;
        width         : 140px;
    }
    
    div.teaser-data label {
        font-size     : 0.9em;
        font-weight   : normal;
        font-style    : italic;
        clear         : both;
        float         : left;
        width         : 100px;
        padding       : 2px 0;
    }

    .teaser-image {
        float       : left;
        margin      : 5px 5px 0 0;
    }
	
    .teaser-date {
        font-size   : 0.8em;
        color       : #666;
        margin      : 0 0 10px 0;
        clear       : both;
    }

    .teaser-links {
        font-size   : 0.9em;
        background  : #f7f7f7;
        padding     : 5px;
        line-height : 1em;
        margin-top  : 5px;
    }
    
    .teaser-content {
        text-align  : justify;
    }

    .product-image {
        float       : right;
        clear       : right;
        margin      : 0 0 5px 5px;
    }

	.product-data {
	    float          : left;
	    margin-bottom  : 20px;
	}
	
	.product-data div.data {
        margin-left   : 170px; 
        padding       : 2px 0;
        font-weight   : bold;
        display: block;
        min-height: 25px;
        width         : 170px;
    }
    
    .product-data label {
        font-weight   : normal;
        font-style    : italic;
        clear         : left;
        float         : left;
        width         : 170px;
        padding       : 2px 0;
    }
    
    .product-content {
	    clear       : left;
    }

    .product-datasheet {
        float       : left;
        margin      : 5px;
    }

	.product-date {
        clear       : both;
        font-size   : 0.8em;
        color       : #666;
        margin      : 0 0 10px 0;
    }


    /**
     * search preview teaser
     */

    #prod0.teaser, #news0.teaser {
        background  : #eee;
        padding     : 10px;
        margin      : 5px;
        display     : block !important;
        font-size   : 0.9em;
        width       : 270px;
        float       : left;
    }

    #search-preview.pagination {
        text-align   : center;
        clear        : both;
    }
}

@media print {

    /**
     * Elements to hide
     */
    #nav, #left-container, #right-container { display : none; }
}