*
{
    margin : 0px;
    padding : 0px;
    font-family : Verdana;
    font-weight : normal;
    font-size : 10px;
    color : #000;
    cursor : default;
    border : 0px;
}

input, select, textarea
{
    color : #000;
    background: #fff;
    border: 1px solid #b5b8c8;
    padding: 4px;
    background-image: url('DefaultImages/inputBG.png');
    background-repeat: repeat-x;
}
select { padding: 4px; }
option { }
button
{
    color : #000;
    background: #fff;
    border: 1px solid #ccc;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    height: 21px;
    background-image: url('DefaultImages/buttonBG.png');
    cursor : pointer;
    background-repeat: repeat-x;
}
a { cursor : pointer; }
.left { float: left; }
.right { float: right; }
.line, .centerLine { float: left; width: 100%; overflow: hidden; }
.centerLine { text-align: center; }
p { margin-left: 20px; margin-bottom: 40px; }
body { background-image: url('DefaultImages/bg.png'); background-repeat: repeat-x; }

/* PAGEHOLDER */
.pageHolder { width: 900px; margin: 0px auto 0px auto; }

/* HEADER */
.header { float: left; width : 100%; height: 366px; background-image: url('DefaultImages/header.png'); background-repeat: no-repeat; }

/* CONTENT */
.content { float: left; width: 100%; background-color: #eee; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
.content h2 { font-size: 20px; margin-top: 20px; margin-left: 20px; color: #bc612d }

/* FOOTER */
.footer { float: left; width : 100%; height: 30px; padding-bottom: 20px; background-image: url('DefaultImages/footer.png'); background-repeat: repeat-x; }
.footer h1 { text-align : center; color : #fff; margin-top: 8px; }

/* LOADING */
.loading { position: absolute; z-index : 9; width: 100px; left: 215px; top: 92px; }
.loading h6 { float: left; margin-top: 8px; margin-left: 5px; }

/* MENU */
.menu { float: left; width: 100%; margin-top: 337px; }
.menu a { float: left; text-decoration: none; margin-left: 20px; margin-right: 20px; text-align: center; }
.menu a h1 { font-family: Verdana; font-size: 14px; color: #fff; cursor: pointer; }
.menu a h1:hover { color: #aaa; }

/* OFFER PAGE */
.offerPage form { float: left; width: 600px; padding-top: 20px; padding-bottom: 20px; margin-left: 150px; }
.offerPage form h3{ float: left; font-size: 12px; width: 100px; margin-top: 2px; }
.offerPage form h1 { float: left; width: 100%; text-align: center; font-size: 18px; }
.offerPage form input, .offerPage form textarea{ float: right; margin-right: 10px; width: 480px;  }
.offerPage form textarea { height: 100px; }
.offerPage form button { float: right; margin-right: 10px; width: 150px; }
.offerPage .line { margin-bottom: 5px; }

/* PRODUCTS PAGE */
.productsPage p.marked { float: left; width: 840px; padding: 10px; margin-top: 20px; font-size: 11px; background-color: #ddd; }
.productsPage p.marked strong { font-size: 11px; }
.productsPage .desc p { font-size: 12px; line-height: 22px; padding-right: 20px; text-align: justify; }
.productsPage .desc p img { float: left; margin-right: 20px; border: 5px solid #ddd; }
.productsPage .desc .column { float: left; width: 250px; margin-left: 30px; margin-right: 10px;  }
.productsPage .desc .box { float: left; width: 250px; margin-top: 20px; margin-bottom: 20px; }
.productsPage .desc .box strong { float: left; width: 100%; }
.productsPage .desc .box p { float: left; width: 100%; padding: 0px; margin: 0px; margin-top: 10px; font-size: 11px; text-align: left; }
.productsPage .desc img.wide { margin-left: 30px; }
.productsPage h1 { margin-left: 20px; font-size: 18px; }
.productsPage strong { font-size: 12px; font-weight: bold;}
.newsBox { float: left; width: 850px; margin-left: 20px; margin-top: 20px; padding-top: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd; }
.newsBox span { float: left; width: 100%; font-size: 18px; color: #000; text-decoration: none; }
.newsBox p { float: left; width: 100%; margin-top: 10px; margin-left: 0px; line-height: 22px; color: #000; }
.newsBox span.small { float: left; width: 100%; font-size: 10px; color: #888; }


/* REFERENCES PAGE */
.referencesPage { float: left; padding-bottom: 20px; }
.referencesPage .frame { float: left; width: 205px; margin-left: 63px; margin-bottom: 40px; }
.referencesPage .frame img { border: 5px solid #ddd; }
.referencesPage .frame span { float: left; width: 205px; height: 30px; text-align: center; }


/* PRICES PAGE */
.pricesPage a { float: left; width: 850px; margin-left: 20px; padding: 5px; font-size: 12px; background-color: #ddd; text-decoration: none; }
.pricesPage a:hover { text-decoration: underline; }
.pricesPage .line { border-top: 1px solid #fff; padding-top : 10px; padding-bottom : 10px;}

/* ABOUT PAGE */
.aboutPage .desc { font-size: 12px; line-height: 22px; padding-right: 20px; text-align: justify; margin-bottom: 30px; }
.aboutPage h1 { margin-left: 20px; font-size: 18px; }
.aboutPage span { font-size: 12px; }
.aboutPage b { font-size: 12px; font-weight: bold;}



/* LOGIN */
.login
{
    float: left;
    width: 250px;
    background: #f8f8f8;
    border: 1px solid #fff;
    padding-left : 5px;
    padding-right : 5px;
    margin-left: 300px;
    background-image: url('DefaultImages/windowHeaderBG.png');
    background-color: #d4e4ff;
    background-repeat: repeat-x;
}
.loginInput { width: 245px; float: right; }
.login .fullLine { width: 100%; overflow: hidden; margin-bottom: 5px; }
.login .fullLine input { float: right; width: 180px; font-weight: bold; }
.login button { float: right; }
.login .logoutButton { float: right; }
.login h1 { float: left; margin-top: 5px; }
.login h2 { font-size: large; color: #fff; }
.login h3 { float: left; margin-top: 3px; }
.login h4 { font-size: 18px; }
.login h6 { color: #ff0000; margin-top: 7px; margin-bottom: 3px;}
.logoutForm h1 { font-size: 12px; font-weight: bold; }
.logoutForm .fullLine h2 { font-size: 10px; color: #000; }
.logoutForm .fullLine { margin-top: 5px; }


/* DATAGRID */
table { float: left; width: 100%; border: 1px solid #eee;}
tr { height : 20px; }
td, th { padding-left: 2px; padding-right: 2px; }
th { height: 22px; background-image: url('DefaultImages/dataGridHeaderBG.png'); }
th { color: #000; }
.headerRow { background-color : #d4e4ff; }
.evenRow { background-color : #f8f8f8; }
.evenRow:hover { background-color : #dfe8f6; }
.oddRow { background-color : #f2f2f2; }
.oddRow:hover { background-color : #dfe8f6; }
.dataGrid { width: 100%; }
.dataGridWindowLine, .line { margin-top: 3px; margin-bottom: 3px; width: 100%; float: left;}
.dataGridWindowLabel { margin-left: 5px; margin-top: 5px; float: left; overflow: hidden; }
.dataGridWindowInput { float: left; overflow: hidden; }
.dataGridWindowButton { float: right; margin-right: 10px; width: 90px; background-image: url('DefaultImages/dataGridWindowButtonBG.png'); border: 1px solid #7C99B5; }
.dataGridButtonLine { float: left; width: 100%; border-top: 1px solid #f0f0f0; padding: 0px; background-image: url('DefaultImages/dataGridButtonLineBG.png'); background-repeat: repeat-x; }
.dataGridButtonLineButton { margin-right: 10px; margin: 2px; }
.dataGridSelectedBG { background-color : #d5e9ff; }
.dataGridSelectedPageButton { font-weight: bold; }
.grayRow td { color: #aaaaaa; }
.greenRow td { color: #009900; }


/* WINDOWS */
.window { display: none; float: left; background-color : #dfe8f6; width: 100%; margin-bottom: 20px; }
.windowHeader { display: none; float : left; width : 100%; height : 25px; margin-bottom: 5px; background-color : #d4e4ff; background-image: url('DefaultImages/windowHeaderBG.png') }
.windowHeader img { float : right; border : 0px; margin : 5px; cursor: pointer; }
.windowHeader h1 { float : left; margin : 5px; }
.windowContent { float : left; width : 100%; }
.windowFooter { float : left; width : 100%; height : 1px; margin-top: 5px; background-color : #eee; }

/* DATE PICKER */
.datePickerBG, .timePickerBG {
    position: absolute;
    z-index: 7;
    float : left;
    background-color: #eee;
    moz-opacity:.01;
    filter:alpha(opacity=01);
    opacity:.01;
}
.datePicker, .timePicker
{
    display: none;
    position: absolute;
    z-index: 8;
    float : left;
    width : 200px;
    background-color: #f8f8f8;
    border : 1px solid #90a8c8;
}
.timePicker { width: 175px; }
.datePicker button, .timePicker button { padding: 0px; background-image: none; }
.datePicker .emptyCell, .datePicker .rightEmptyCell, .datePicker .previousButton,
.datePicker .nextButton, .datePicker .todayButton
{ background : #eeeeee; }
.datePicker .cell, .datePicker .rightCell, .timePicker .cell { background-color: #e8eef7; }
.datePicker .currentButton, .timePicker .currentButton { background-image: url('DefaultImages/windowHeaderBG.png'); }
.datePicker .cellSelected, .datePicker .rightCellSelected, .timePicker .cellSelected { background-color : #ffffcc; }
.datePicker .shortWeek, .datePicker .shortWeekRight { background : #c9d7e9; }
.datePicker .cell:hover, .datePicker .rightCell:hover, .datePicker .previousButton:hover,
.datePicker .nextButton:hover, .datePicker .todayButton:hover, .timePicker .cell:hover
{ background : #c9d7e9; }
.datePicker .row, .timePicker .row { float : left; width : 100%; margin-bottom : 3px; }
.datePicker .cell, .datePicker .emptyCell, .datePicker .rightEmptyCell, .datePicker .rightCell,
.datePicker .cellSelected, .datePicker .rightCellSelected,
.datePicker .previousButton, .datePicker .nextButton, .datePicker .todayButton,
.datePicker .currentButton, .timePicker .cell, .timePicker .cellSelected, .timePicker .currentButton
{ float : left; border : 0px; cursor : pointer; }
.datePicker .cell, .datePicker .emptyCell, .datePicker .rightEmptyCell,
.datePicker .rightCell, .datePicker .cellSelected,
.datePicker .rightCellSelected, .timePicker .cell, .timePicker .cellSelected
{ width : 26px; height : 18px; }
.datePicker .rightCell, .datePicker .rightEmptyCell, .datePicker .shortWeekRight
{ color : red; }
.datePicker .previousButton, .datePicker .nextButton, .datePicker .shortWeek, .datePicker .shortWeekRight
{ width : 26px; height : 16px; }
.datePicker .todayButton { height : 16px; width : 142px; }
.datePicker .currentButton, .timePicker .currentButton { height : 20px; width : 200px; cursor : default; }
.datePicker .cell, .datePicker .emptyCell, .datePicker .cellSelected,
.datePicker .previousButton, .datePicker .shortWeek, .timePicker .cell, .timePicker .cellSelected
{ margin-right : 3px; }
.datePicker .nextButton { float : right; }
.datePicker .shortWeek, .datePicker .shortWeekRight { float : left; margin-bottom : 3px; border : 0px; }
.timePicker span { float: left; width: 100%; padding-top: 5px; padding-bottom: 3px; padding-left: 5px; }
.timePicker .minuteLine { float: left; width: 100%; border-top: 1px solid #90a8c8; background-image: url('DefaultImages/windowHeaderBG.png'); background-repeat: repeat-x;}
.timePicker .hourLine { float: left; width: 100%; background-image: url('DefaultImages/windowHeaderBG.png'); background-repeat: repeat-x;}