/*****************************
 ***** css by birotec.ro *****
 ***** www.birotec.ro ********
 ***** web@birotec.ro ********
 *****************************/
 
/*****************************
 ***** body & general ********
 *****************************/

body {
margin: 5px 0 0 0;
background: #fff;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#headerh1 {
font: 12px Arial, Helvetica, sans-serif;
}

img {
border: 0;
}

.clearer {
clear: both;
}

h1 {
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0;
}

h2 {
color: #000;
margin: 0 0 10px 0;
padding: 0 0 5px 20px;
font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
border-bottom: 1px #000 solid;
}

h3 {
color: #000;
margin: 0 0 10px 0;
padding: 1px 0 5px 40px;
font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
border-bottom: 1px #000 solid;
background: url('img/qmark.png') left no-repeat;
}

h4 {
color: #000;
margin: 0 0 10px 0;
padding: 1px 0 5px 40px;
font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
border-bottom: 1px #000 solid;
background: url('img/uinfo.png') left no-repeat;
}

.detail {
display: block;
color: #000;
margin: 0 0 10px 0;
padding: 3px 0 5px 40px;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
background: url('img/dot.png') top left no-repeat;
}

.quote1 {
display: block;
float: left;
color: #000;
margin: 0 0 10px 0;
padding: 3px 0 5px 30px;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
background: url('img/quote1.png') top left no-repeat;
}

/*****************************
 ***** wrappers **************
 *****************************/

#headerh1 {
width: 855px;
height: 26px;
margin: auto;
}

#headerh2 {
width: 855px;
height: 90px;
margin: auto;
border-bottom: 1px #aeaeae solid;
}

#mainBody {
width: 855px;
margin: auto;
}

#footer {
width: 100%;
height: 130px;
margin-top: 20px;
vertical-align: bottom;
background: #dcdcdc;
}

#mainBody .statistics {
width: 163px;
border: 1px #aeaeae solid;
border-bottom: 0;
padding-left: 5px;
color: #000;
}

#mainBody .date {
width: 163px;
border: 1px #aeaeae solid;
border-top: 0;
padding-left: 5px;
color: #000;
}

#mainBody .statistics p {
margin: 0;
padding: 0;
}

/*****************************
 ***** header ****************
 *****************************/

#headerh2 .logo {
width: 30%;
height: 90px;
float: left;
}

#headerh2 .menu {
width: 65%;
height: 36px;
margin-top: 54px;
float: right;
text-align: right;
}

/*****************************
 ***** header ****************
 *****************************/

#headerh2 ul {
list-style: none;
float: right;
margin: 0;
padding: 0;
}

#headerh2 li {
float: left;
}

#headerh2 .item a {
display: block;
width: 73px;
height: 36px;
text-align: center;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 38px;
margin: 0 1px;
color: #555555;
}

#headerh2 .item:hover a {
display: block;
width: 73px;
height: 36px;
text-align: center;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
background: url('img/button.png') no-repeat;
font-weight: bold;
line-height: 38px;
margin: 0 1px;
color: #fff;
}

#headerh2 .currentitem {
width: 73px;
height: 36px;
text-align: center;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 38px;
background: url('img/button.png') no-repeat;
}

#headerh2 .item a {
color: #555555;
text-decoration: none;
}

#headerh2 .currentitem a {
color: #fff;
text-decoration: none;
}

/*****************************
 ***** left menu *************
 *****************************/

#mainBody .menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#mainBody .menu li {
margin: auto;
margin-top: 10px;
}

#mainBody .item38 {
background: url('img/tomtom.png') no-repeat;
}

#mainBody .item39 {
background: url('img/garmin.png') no-repeat;
}

#mainBody .item40 {
background: url('img/navman.png') no-repeat;
}

#mainBody .item41 {
background: url('img/medion.png') no-repeat;
}

#mainBody .item42 {
background: url('img/mio.png') no-repeat;
}

#mainBody .item43 {
background: url('img/sony.png') no-repeat;
}

#mainBody .item44 {
background: url('img/magellan.png') no-repeat;
}

#mainBody .item38:hover {
background: url('img/tomtom2.png') no-repeat;
}

#mainBody .item39:hover {
background: url('img/garmin2.png') no-repeat;
}

#mainBody .item40:hover {
background: url('img/navman2.png') no-repeat;
}

#mainBody .item41:hover {
background: url('img/medion2.png') no-repeat;
}

#mainBody .item42:hover {
background: url('img/mio2.png') no-repeat;
}

#mainBody .item43:hover {
background: url('img/sony2.png') no-repeat;
}

#mainBody .item44:hover {
background: url('img/magellan2.png') no-repeat;
}

#mainBody .menu a {
width: 170px;
height: 34px;
display: block;
text-indent: -9999px;
}

/*****************************
 ***** content ***************
 *****************************/

#mainBody .container-left {
width: 180px;
float: left;
margin-top: 20px;
}

#mainBody .menu {
width: 100%;
}

#mainBody .con2 {
width: 100%;
margin: 10px 0;
}

#mainBody .container-right {
width: 655px;
float: right;
text-align: center;
margin-top: 20px;
}

#mainBody .container-right2 {
width: 655px;
float: right;
margin-top: 10px;
}

#mainBody .half-left {
width: 49%;
float: left;
}

#mainBody .half-right {
width: 49%;
float: right;
}

.col33pct {
width: 205px !important;
width: 185px;
float: left;
margin: 0 5px;
text-align: center;
}

/*****************************
 ***** left menu *************
 *****************************/

#footer .container {
width: 855px;
height: 130px;
margin: auto;
color: #4c4c4c;
}

#footer .container-right {
width: 800px;
float: right;
}

#footer .msg1 {
width: 830px;
float: left;
text-align: right;
margin: 20px 10px 0 0;
}

#footer .msg2 {
width: 800px;
float: right;
text-align: center;
margin: 10px 10px 0 0;
}

#footer .container a {
color: #4c4c4c;
text-decoration: none;
}

#footer .container a:hover {
text-decoration: underline;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
margin-top: 10px;
}

.csc-textpic .csc-textpic-left .csc-textpic-above .csc-textpic-equalheight {
text-align: center;
}

p.align-center {
text-align: center;
}

/*****************************
 ***** typo3 *****************
 *****************************/

.contenttable {
border: none;
border-collapse: collapse;
}

.contenttable .td-0 {
width: 150px;
padding: 0 0 0 10px;
text-align: left;
vertical-align: top;
border: 1px #000 solid;
}

.contenttable .td-1 {
padding: 0 0 0 10px;
width: 490px;
margin: 0;
text-align: left;
vertical-align: top;
border: 1px #000 solid;
}

.contenttable2 {
border: none;
border-collapse: collapse;
}

.contenttable2 .td-0 {
width: 160px;
text-align: center;
}

.contenttable2 .td-1 {
width: 160px;
padding-left: 60px;
text-align: center;
}

.contenttable2 .td-2 {
width: 160px;
padding-left: 60px;
text-align: center;
}

.important {
font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.contenttable3 {
border: none;
border-collapse: collapse;
}

.contenttable3 td {
width: 40%;
margin: 10px;
}

.comments-textarea {
border: 1px #aeaeae solid;
width: 600px;
}

.repairid {
margin: 4px 0 10px 0;
border-collapse: collapse;
border: 1px #000 solid;
}

.repairid td {
width: 600px;
height: 60px;
padding: 4px 10px;
vertical-align: top;
}

.ul33pct {
width: 30%;
margin: 0 10px;
float: left;
}

.d33pct {
width: 33%;
margin-bottom: 20px;
float: left;
text-align: center;
}

.e-rep {
width: 170px;
margin-top: 10px;
border: 1px #aeaeae solid;
}

.e-rep a {
color: #000;
padding-left: 10px;
text-decoration: none;
}

.padd0 {
padding-left: 10px;
}