﻿/*-------------------------------------------------------------WHOLE SITE*/

/*Fonts used*/
body {
font-family : Tahoma,arial;
color : #333333;
line-height : 1.15;
margin : 0;
padding : 0;
}

h1 {
margin : 0;
padding : 0;
font-size : 160%;
color : #334d55;
}
h2 {
font-size : 110%;
color : #006699;
margin : 0;
padding : 0;

}
h3 {
margin : 0;
padding : 0;
font-size : 100%;
color : #334d55;
}
h4 {
font-size : 150%;
color : #006699;
}


/*-------------------------------------------------------------------HEADER*/

/*Box contains the header of the page*/

#headerbox {
margin : 0;
border-bottom : 1px solid #cccccc;
background-color : #dddddd;
width : 100%;
padding : 5px 10px 10px 0px;
}

/*Floating divs with info*/

#header_info {
position : absolute;
left: 710px;
top: 46px;
width: 248px;
height: 18px
}
#header_vat {
position : absolute;
left: 715px;
top: 90px;
width:310px;
height: 18px
}
#title_info {
position : absolute;
left: 412px;
top: 46px;
width: 248px;
height: 18px;
font-size:35px
}

/*Top menu bar*/

#TopBar {
color : #cccccc;
padding : 0 0 0 0px;
white-space : nowrap;
}
#TopBar a {
font-size : 90%;
padding : 0 4px 0 0;
}
/*--------------------------------------------------------MAIN SECTION*/
#mainbox {
float :none;
width : 100%;
height : 100%;
padding : 15px 3% 0 15px;
}
.box {
clear : both;
padding : 10px 0 0 10px;
font-size : 80%;
}


/*--------------------------------------------------------LEFT SECTION*/

#leftbox {
margin : 0 79% 0 0;
padding : 0;
background-color : #eeeeee;
border-right : 1px solid #ccc;
border-bottom : 1px solid #ccc;
}
#leftbox ul a:visited {
display : block;
}
#leftbox ul a:link {
display : block;
}
#leftbox ul {
list-style : none;
margin : 0;
padding : 0;
}
#leftbox li {
border-bottom : 1px solid #eee;
}
html > body #leftbox li {
border-bottom : none;
}
#sidelinks {
position : relative;
margin : 0;
padding : 0;
border-bottom : 1px solid #dddddd;
font-size : 90%;
left: 0px;
top: 0px;
background-color : #dddddd;
}
#sidelinks h3 {
padding : 10px 0 2px 10px;
}
#sidelinks a:link {
padding : 2px 0 2px 10px;
border-top : 1px solid #dddddd;
width : 100%;
width : auto;
}
#sidelinks a:visited {
border-top : 1px solid #dddddd;
padding : 2px 0 2px 10px;
font-size : smaller;
font-weight : bolder;
font-style : italic;
}
#sidelinks a:hover {
border-top : 1px solid #dddddd;
background-color : #cccccc;
padding : 2px 0 2px 10px;
}
#advert {
padding : 10px 0 0 10px;
font-size : 80%;
border-top : 1px solid #cccccc;
}
#headlines {
margin : 0;
height : 350px;
padding : 10px 0 20px 10px;
font-size : 80%;
}

/*-------------------------------------------------------FOOTER*/

#siteInfo {
clear : both;
font-size : 75%;
color : #333333;
padding : 10px 10px 10px 10px;
margin-top : 0;
text-align : center;
background-color : #dddddd;
}

/*---------------------------------------------------------WEB TOOLS*/

/*Photogallery - Product listing*/

.gallery li {
display : inline;
list-style : none;
width : 150px;
min-height : 150px;
float : left;
margin : 0 10px 10px 0;
text-align : center;
border-color : black;
}
.image li {
display : inline;
list-style : none;
margin : 0 10px 10px 0;
text-align : center;
border-color : black;
}
.mounts li {
display : inline;
list-style : none;
width : 200px;
min-height : 150px;
float : left;
margin : 0 10px 10px 0;
text-align : center;
border-color : black;
}

/* Product table listing*/
td {
text-align : center;
border : none;
border-collapse : collapse;
font-family : tahoma;
font-size : 1em;
line-height : 1.5em;
}
th {
border : none;
border-collapse : collapse;
font-family : tahoma;
font-size : 1em;
line-height : 1.5em;
}
table {
width : 100px;
text-align : center;
border : none;
border-collapse : collapse;
font-family : tahoma;
font-size : 1em;
line-height : 1.5em;
}
table {
background : #006699;
color : black;
font-weight : bold;
}

tfoot {
color : white;
}
thead {
color : white;
text-align : center;
}

thead th {
padding : 0.5em 1em;
text-transform : uppercase;
text-align : left;
}
thead th:first-child {
width : 10em;
text-align : right;
}
tbody th {
text-align : left;
padding : 0.5em 1em;
background-color : #ddd;
vertical-align : top;
}
tbody td {
padding : 0.5em 1em;
background-color : #ddd;
vertical-align : top;
}
tbody th {
color : #222;
text-align : right;
background-repeat : repeat-y;
border-right : 1px solid #ccc;
}
tbody tr.odd td {
background-color : #eee;
color : #222;
}
tbody tr.odd th {
background-color : #eee;
color : #222;
}

tbody tr.blank td {
background-color : white;
line-height : 1em;
color : #222;
text-align : left;

}
tbody tr.blank th {
background-color : white;
line-height : 1em;
color : #222;
}
tbody tr.head td {
background-color :white;
line-height : 1em;
color : #222;
text-align : left;
font-size:larger;
}
tbody tr.head th {
background-color :white;
line-height : 1em;
color : #222;
text-align : left;
font-size:larger;
}

tfoot th {
border : none;
padding : 0.5em 1em 2em;
font-size : 130%;
}
tfoot td {
border : none;
padding : 0.5em 1em 2em;
font-size : 130%;
}
tfoot th {
text-align : right;
}

/*Break photogalleries apart*/


.break {
clear:both
}


/*-------------------------------------------------------UNASSORTED*/
a:hover {
color : #006699;
text-decoration : none;
}
a:visited {
color : #006699;
text-decoration : none;
}
a:link {
color : #006699;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
ul {
list-style-type : square;
}
ul ul {
list-style-type : disc;
}
ul ul ul {
list-style-type : none;
}
img {
border-style : none;
}

/*---------------------------------------------------TOP MENU*/

