/**
 * style.css - http://www.hicars.cz
 *   
 * Style definitions for public module of http://www.hicars.cz
 *   
 * @copyright Copyright (c) Demaster (http://www.demaster.cz)
 * 
 * @author Michal Jurník (michal.jurnik@demaster.cz)
 *
 * @package Hicars
 */

div#headerContainer {
    height:166px;
    width:100%;
    background:url(../images/header_carbon.jpg) repeat-x;
}

.navBarWidth {
    width:947px !important;
}

.navBar {
    width:722px;
    margin-left:10px;
    margin-top:10px;
    border:1px solid #ACB0B4 !important;
    background-color:#E6E8E9 !important;
    color:#282C2F;
    float:none !important;
    padding:2px 10px !important;
}

div#header {
    position:relative;
    margin:0px auto;
    width: 980px;
    height:166px;
}

div#footerContainer {
    height:290px;
    width:100%;
    background:url(../images/footer_carbon.jpg) repeat-x;
}

div#footer {
    position:relative;
    margin:0px auto;
    width: 980px;
    height:252px;
    padding-top:15px;
    color:#FFFFFF;
}

/** banners */
#bannerLarge {
    position:absolute;
    top:10px;
    left:234px;
}

#bannerSmall {
    margin-top:19px;
    margin-left:19px;
    float:left;
}

#articleOverview {
    width:170px;
    margin-left:30px;
    float:left;
}


#articleOverview h2 {
    width:170px !important;
    font-size:16px !important;
    color:#FFFFFF;
    margin-top:20px;
}

#articleOverview ul li {
    width:170px !important;
    list-style-type:none;
    margin:0;
}

#articleOverview ul li a {
    color:#FFFFFF;
    text-decoration:none;
    font-size:12px;
}

#articleOverview ul li a:hover {
    color:#E8AB38;
}

#bannerWs {
    margin:10px 50px;
}

/** left search bar */
/** left search bar */
#searchBar td {
    padding:2px !important;
    margin:0 !important;
    border:0 !important;
}

#searchBar legend {
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    padding-top: 10px;
}

#searchBar legend.first {
    margin-top:0px;
    padding-top:15px;
}

#searchBar .wide {
    width:205px;
    margin-left:-8px;
}

#searchBar .half {
    width:97px;
    margin:0px 0px 0px -8px;
}

#searchBar .halfRight {
    width:97px;
    margin:0px 0px 0px 11px;
    float:right;
}

#searchBar input[type="submit"] {
    margin-top:10px;
    height:20px;
    text-align: right;
    color:#FFFFFF;
    font-weight:bold;
}

#searchBar input[type="submit"][name="search"] {
    width:88px;
    padding-right:17px;
    margin-left:6px;
    float:right;
    background:transparent url(../images/search_button.png) no-repeat;
}

#searchBar input[type="submit"][name="extended"] {
    width:107px;
    padding-right:17px;
    margin-left:-10px;
    background:transparent url(../images/extended_search_button.png) no-repeat;
}

#searchBar fieldset {
    width:205px;
    margin-left:15px;
}

#searchBar span.listHeading {
    display:block;
    margin-top:10px;
    margin-left:10px;
    font-size:14px;
    color:#FFFFFF;
}

#searchBar ul {
    margin-bottom:10px;
}

#searchBar ul li {
    width:195px;
    margin-left:10px;
    margin-top:5px;
    padding-left:10px;
    list-style-type:none;
    border-bottom:1px solid rgb(123,138,131);
    color:rgb(222,224,225);
    font-size:12px;
}

#searchBar ul li a {
    text-decoration:none;
    color:rgb(222,224,225);
}

/** content */
#content h1.articleHeading {
    margin-top:10px;
    margin-left:14px;
    font-size:18px;
}

#content .articleText {
    margin-top:10px;
    margin-left:10px;
    margin-bottom:10px;
    padding:10px;
    border:1px solid rgb(172,176,180);
    background-color:rgb(230,232,233);
    color:rgb(90,98,105);
    font-size:12px;
}

#brandList h1{
    width:736px;
    font-size:22px;
    margin-left:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-top:20px;
    color:#000000;
    font-weight:normal;
    border-bottom: 1px solid #EDAE36;
}

#brandList h1 span {
    font-weight:bold;
    color:#EDAE36;
}

#brandList a.button {
    position:absolute;
    top:360px;
    left:40px;
    font-size:10px;
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none;
    padding-top:5px;
    padding-left:6px;
    width:109px;
    height:20px;
    background:transparent url(../images/all_brands.png) no-repeat;
}

#brandList a.buttonCars {
    position:absolute;
    top:360px;
    left:40px;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none;
    padding-top:3px;
    padding-left:13px;
    width:109px;
    height:20px;
    background:transparent url(../images/all_brands.png) no-repeat;
}

#content table.mainContentTable {
    margin-left:10px;
    border:none;
    border-collapse:collapse;
    font-size:12px;
}

#content table.mainContentTable td {
    padding-left:5px;
    padding-right:5px;
    padding-bottom:10px;
    width:186px;
    padding-top:10px;
    vertical-align:top;
}

#content table.mainContentTable td.first {
    padding-right:6px;
    padding-left:0px;
    width:187px;
} 

#content table.mainContentTable td.last {
    padding-left:5px;
    padding-right:0px;
}

#content table.mainContentTable tr {
    border-bottom:1px solid rgb(172, 176, 180);
}

#content table.mainContentTable h2 {
    font-size:12px;
    font-weight:bold;
    margin-bottom:2px;
}

#content table.mainContentTable h2 a {
    color:#000000;
    text-decoration:none;
}

#content table.mainContentTable span.heading {
    font-size:12px;
    font-weight:bold;
    color:rgb(90,98,105);
    margin-left:5px;
    float:left;
    width:70px;
}

#content table.mainContentTable span.carPrice {
    color:rgb(223,172,65);
    font-weight:bold;
    float:left;
    margin-bottom:5px;
    width:88px;
}

#content table.mainContentTable span.value {
    margin-bottom:5px;
    width:88px;
    float:left;
}

#frmLoginForm-userName {
    border:1px solid black;
}

#rightAdvert {
    width:120px;
    top:170px;
    position:absolute;
}

#leftAdvert {
    width:120px;
    top:170px;
    position:absolute;
}

#leftAdvert img {
    margin-bottom:10px;
}

.homepageImgDiv {
    height:115px;
}

fieldset.contentBorder input[type="text"] {
    border:1px solid #4E555B;
    width:200px;
    font-size:12px;
    -moz-border-radius:5px;
}

fieldset.contentBorder input[type="password"] {
    border:1px solid #4E555B;
    width:200px;
    font-size:12px;
    -moz-border-radius:5px;
}

fieldset.contentBorder input[type="submit"].loginButton {
    background-color:#EDAE36;
    color:#FFFFFF;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    -moz-border-radius:5px;
    font-weight:bold;
    float:right;
}

div.flashBox {
    margin-top:10px;
    margin-left:10px;
    border:1px solid #FBCF49;
    padding:10px;
    font-size:13px;
    background-color:#FDF186;
    font-weight:bold;
}

div.flashBox.wide {
    margin-left:0px;
}

.flash {
    margin-top:2px;
    width:30px;
    height:30px;
    display:block;
    float:left;
}

.flash-warning {
    background:url(../images/warning_icon.png) no-repeat;
}

.flash-info {
    background:url(../images/info_icon.png) no-repeat;
}

.flash-message{
    height:12px;
    padding-top:10px;
    padding-bottom:10px;
    float:right;
    width:675px;
}

.flashWide-message {
    height:12px;
    padding-top:10px;
    padding-bottom:10px;
    float:right;
    width:910px;
}

.message-warning {
    color:#EE0F13;
}

.message-info {
    color:#000000;
}

#car-detail  {
	width:980px;
    background-color:#FFFFFF;
}

#car-detail h2 {
    margin:10px 0;
	padding:10px;
    font-size:14px;
    color:#FFFFFF;
    background-image:url(../images/admin_table_header.png);
}

#car-detail  table {
	width: 570px;
	margin-top:10px;
    margin-left:10px;
	border-collapse:collapse;
}

#car-detail table tr td {
	width:25%;
	padding:5px;
    font-size:12px;
	color:#76797A;
	border-bottom:1px solid #ADB1B5;
}

#car-detail table tr td a {
    color:#76797A;
}

#car-detail table tr th {
	width:25%;
	padding:5px;
    font-size:12px;
	text-align:left;
	color:#000000;
	border-bottom:1px solid #ADB1B5;
}

#car-detail div {
	width:390px;
	background-color:white;
	float:right;
}

#car-detail div h3 {
	width:390px;
	padding:10px 0px 0px 0px;
    font-size:14px;
	color:#76797A;
}

#car-detail .noImage {
    text-align:center;
    padding:95px 0px;
    color:#76797A;
    background-color:#E6E8E9;
}

#car-detail div table {
	width:390px !important;
    margin-left:0px !important;
	background-color:#E6E8E9;
	border:1px solid rgb(172,176,180) !important;
}

#car-detail div table tr th {
	color:#000000 !important;
	border:0 !important;
}

#car-detail div table tr td {
    color:#000000 !important;
	border:0 !important;
}

#expansion-search {
    width:725px;
	margin:10px;
	padding:10px;
	background-color:#5A6269;
	color:#FFFFFF;
}

#expansion-search table {
    border-top:1px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
}

.imgBox {
    width:390px;
    overflow:hidden;
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
}

.bannerBottom {
    margin:10px 0px;
    float:right;
}

.login td {
    border:0px !important;
}

.actions {
    width:85px !important;
}

.actions span {
    width:44px;
    color:#FFFFFF;
    font-weight:bold;
    padding:3px 20px 3px 20px !important;
    text-decoration:none !important;
}

.actions span a {
    text-decoration:none !important;
}

#cke_frmregisterServiceForm2-description {
    width:600px;
}

.juriBox {
    cursor:hand;
    cursor:pointer;
}

.hidden {
    display:none;
}