﻿/* basic styles */
/* simplified layout for older browsers like ns4  */
/*
*/

/* general body elements*/
html,body {
        background : #099;
        background-image: url(/jcatalog/images/background.jpg);
        background-repeat: repeat-x;
        color : #000;
        margin : 0px;
        padding : 0px;
        font-family : Verdana,Geneva,Lucida,Helvetica,Arial,sans-serif;
}
        /* jumping points for text browsers (hide from graphic browsers) */
        #contentjump,#navigationjump {
                display:none;
        }

/* general header elements */
#header {
        margin : 0px;
        padding : 0px;
}
        /* language select box */
        #languageselect {
                width : 185px;
                margin : 5px 0px 1px 0px;
                padding : 0px 0px 0px 0px;
                float:left;
        }
        #navigation {
                margin : 3px 0px 0px 155px;
                padding : 0px;
                text-align:center;
                font-family : Verdana,Geneva,Lucida,Helvetica,Arial,sans-serif;
        }
                #navigation span {
                         color: #000;
                        }

/* general left column elements*/
#leftcol {
        float: left;
        margin: 0px 0px 0px 5px;
        width : 155px;
        padding : 0px 0px 0px 0px; /* change values in extended stylesheet */
}

        /* container for logo */
        #logo {
                text-align:right;
                padding : 11px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
        }

        /*  elements for the menu */
        #menucontainer {
                font-family : Verdana,Geneva,Lucida,Helvetica,Arial,sans-serif;
                margin-left : 0px;
                margin-right : 2px;
                margin-top :30px;
                margin-bottom :15px;
                padding :  0px;
                width : 140px;
                color: #000;                         /* change colours in extended stylesheet */
                background: #1aa;       /* change colours in extended stylesheet */
        }
                /*  elements for sub menus */
                        .menumain {
                                margin:15px 0px 0px 0px;
                                padding: 0px 0px 3px 0px;
                                font-size: 70%;                        /* change values in extended stylesheet */
                                font-weight : bold;
                                text-decoration : none;
                                color: #fff;
                                background: transparent;
                                display: block;
                        }
                /*  elements for sub menus */
                        .menusub {
                                margin: 4px 0px 0px 10px; /* change values in extended stylesheet */
                                font-size: 90%;                        /* change values in extended stylesheet */
                                padding:  0px;
                                font-weight : normal;
                                color: #000;
                                background : transparent;
                                text-decoration : none;
                                display: block;
                        }


/* general right column elements (contents)*/

#content {
        margin : 0px 0px 0px 161px;
        position : relative;
        height:96%;
        font-family : Verdana,Geneva,Lucida,Helvetica,Arial,sans-serif;
        font-size: 85%;
        color : #000;
        background-color : #fff;
        padding : 15px 10% 15px 10%; /* change values in extended stylesheet */
        border:1px solid #099;                 /*  border for ns4  - change values in extended stylesheet  */
}




        /*  general content links */
        #content a:link {
                        color: #066;
                        font-weight : bold;
                        background : transparent;
        }
        #content a:visited {
                        color: #666;
                        font-weight : bold;
                        background : transparent;
         }
        #content a:hover {
                        color: #099;
                        font-weight : bold;
                        background : transparent;
         }
        #content a:active {

                        color: #099;
                        font-weight : bold;
                        background : transparent;
        }

        /* content element: breadcrumb */
        #breadcrumbcontainer {
                font-size: 80%;
                padding-left: 0px;
                text-align: center;
                margin-bottom:15px;
                color : #000;
                background : #ffc;
                margin-bottom:15px;
        }
        #breadcrumb {
                text-align:left;
                font-weight:bold;
                color : #000;
                background : #ffc;
                text-align: left;
                width: 580px;
        }

/*  general font styles */

ul,li {
        font-size:95%;
        font-weight:normal;
        font-family : Verdana,Geneva,Lucida,Helvetica,Arial,sans-serif;
}
p {
        text-align:left;
        font-family : Verdana,Geneva,Lucida,Helvetica,Arial,sans-serif;
}
table,tr,td {
        font-family : Verdana,Geneva,Lucida,Helvetica,Arial,sans-serif;
        font-size:11pt;

}
p {
        font-family : Verdana,Geneva,Lucida,Helvetica,Arial,sans-serif;
        font-size: 95%;
}

h1,h2,h3,h4  {
        font-family : Verdana,Geneva,Lucida,Helvetica,Arial,sans-serif;
        margin : 0px;
}

.small {
        font-size:80%;
}

/* general form styles */
        form {
                margin: 0px;
                padding: 0px;
                font-family: arial narrow, tahoma, sans-serif;
                font-size: 80%;
        }

        select {
                margin: 0px;
                padding: 0px;
                color : #000;
                background-color: #ffc;
                font-size: 80%;
        }
	.selected {
		color : #fff;
		background-color: #099;
		font-size: 80%;
	}




div.infodiv {
    position: absolute;
    visibility: hidden;
    width: 150px;
    padding: 5px;
    border: 1px solid black;
    background-color: #ffffC0;
    text-align: left;
    font-size: 10px;
}
img.buttonshop {
		margin: 18px 0px 0px 4px;
		padding: 0px;
		background: transparent;
}

