/********************************************************************/
/********************************************************************/
/*																	*/
/*			ClubF1 Autocatalog.bg Default Stylesheet       			*/
/*                                                                  */
/********************************************************************/
/********************************************************************/


body { font:12px 'Trebuchet MS', Arial, Helvetica, sans-serif;  color: #000; background: #999999; margin:0; padding:0  }

/*
 * links
 */

a:link,
a:visited { color: #999; }
a:hover {  }
fieldset {border:0; margin:0; padding:0}
/*
 * headings
 */

h1 { color: #c40000; }
h2 {color: #c40000;}
h4 { color: #7891AA; }
h6 { color: #7891AA; }

/* header */
.top {background:#fff; }
.header {min-height:130px; position:relative; width:1038px; margin:0 auto;}
.header a.logo { position: absolute; top: 0px; left: 0px; background:url(../images/logo1.gif) no-repeat; width:284px; height:112px; text-decoration:none }
.header .topad {position:absolute; top:5px; right:0px}

.topmenu {line-height:25px; position:absolute; bottom:5px; right:5px;  }
.topmenu  a {  padding-bottom:4px;  text-decoration: none; font-size:13px; font-weight:bold; margin:0 10px }
.topmenu a:link,
.topmenu a:visited { color: #000; }
.topmenu a:hover { color: #c40000; text-decoration: none; }
.topmenu a.active {color:#c40000; border-bottom:1px solid #c40000}

/* home page */


.holder{  width:1038px; margin:0 auto;  background-color:white}
.slideshow,
.slideshow img{ height: 288px; width: 728px;   }

#tabs {padding:10px 5px}
#tabs ul li{position:relative; top:1px; }
#tabs div {border:1px solid #ccc; margin-left:3px; text-align:center; }
#tabs div a {display:block; float:left; font-size:11px; margin:0 15px 0 0; text-decoration:none; width:122px; overflow:hidden}
#tabs div a:last-child {margin-right:0}
#tabs div a:hover { color: #c40000;}
#tabs div a img {width:122px; margin-bottom:4px;  -moz-border-radius: 5px; -webkit-border-radius: 5px;border:1px transparent;}

/* left */
.homenews { font-size:11px; padding:5px 8px}
.homenews h1,
.newscat h1{font-size:14px; margin:5px 0px 10px 0; padding-bottom:3px; border-bottom:1px dotted #999}
.homenews a {display:block;clear:both; text-decoration:none; padding:3px 3px 8px 3px; min-height:55px;  margin-bottom:8px; cursor:pointer; border-bottom:1px dotted #999; color:#666; }
.homenews a:hover {border-bottom:1px dotted #c40000 }
.homenews em {font-style:normal; font-size:11px} 
.homenews strong {font-weight:bold;   }
.homenews span { display:block;  margin-top:3px; line-height:14px}
.homenews .ntitle {color:#c40000; margin:0px 0 3px 0}
.homenews .ntext {  float:none}
.homenews img {float:left; margin-right:5px; width:80px;  -moz-border-radius: 5px;-webkit-border-radius: 5px; margin-bottom:5px; border:none}
.homenews a:hover .ntext {color:#000; }
.homenews a:hover .ntitle {text-decoration:underline}

.newscat a { -moz-border-radius: 4px; -webkit-border-radius: 4px; display:block; position: relative; margin-top: 5px; zoom: 1; line-height:24px; 
border: 1px solid #ccc; background:url(/css/tabs/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #555555; outline: none; text-decoration:none; padding-left:10px}
.newscat span { position: absolute; right: 5px; top: 50%; margin-top: -8px;background-image: url(/css/tabs/images/ui-icons_888888_256x240.png);background-position: -64px -16px; width: 16px; height: 16px;  }

.newscat a:hover,
.newscat a.active {background:  url(/css/tabs/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; color:#c40000}
.newscat a.active {cursor:pointer}
.newscat a.active span {    background-position: -32px -16px;}

.left_content {padding:10px}
.left_content #expand {float:right; cursor:pointer;font-size:12px; color:#999; }
.left_content .allmodels {float:left; font-size:12px; color:#999; text-decoration:none}
.left_content .clearfix a:hover {color:#333; }
.leftad {margin:10px 0 10px 5px}

.ui-accordion .ui-accordion-content a {display:block; text-decoration:none}
.ui-accordion .ui-accordion-content a:hover {color:#c40000}

/* inner page */

.holder {background:#fff url(../images/bgr_holder.gif) repeat-y top left}
.leftcol {width: 310px;float:left; padding-top:20px}
.container { float:left; width:728px;  }

.container .pagetitle {background:#CECECE; height:110px; margin-bottom:10px; position:relative}
.container .pagetitle h1 {position:absolute; right:5px; bottom:4px; color:white; margin:0; padding:0; font-size:40px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; height:40px; text-transform:uppercase}
.container .pagetitle img {position:absolute; height:100px; bottom:5px; left:5px}

.container .listbrands {padding-left:10px}
.container .listbrands a {display:block; float:left; width:100px; text-align:center; text-decoration:none; margin-bottom:15px; margin-right:15px}
.container .listbrands a img {border:1px solid #fff; height:80px; padding:2px; margin-bottom:2px }
.container .listbrands a:hover img { border:1px solid #e7e7e7; padding:2px; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
.container .listbrands a span {display:block; color:#999; font-size:11px}
.container .listbrands a:hover span {color:#c40000}

.container .content {padding:10px}

.carbrand .models a,
.modelgallery a{display:block; float:left; font-size:11px; margin:0 15px 10px 0; text-decoration:none; text-align:center; width:160px; overflow:hidden}
.carbrand a span {display:block; text-align:center; height:25px; line-height:12px }
.carbrand .models a:hover,
.modelgallery a:hover{ color: #c40000;}
.carbrand .models a { -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;}
.carbrand .models a img,
.modelgallery a img { margin-bottom:2px; border:1px transparent; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;}
.carbrand .models h3 {clear:both; font-size:15px; margin:20px 0 10px 0; padding:0; border-bottom:1px dotted #ccc; color:#c40000}


.onemodel h2 {margin:5px 0; padding:0}
.onemodel p,
.carbrand p{line-height:16px; text-align:justify}




/* one news */

.onenews{line-height:160%; font-size:13px }
.onenews img{ float: right; padding: 2px; margin:0 0 5px 10px;  clear:both; border:1px solid #ccc; -moz-border-radius: 5px;-webkit-border-radius: 5px; width:120px }
.onenews .date_article{font-size:11px; color:#555454; display:block; margin-bottom:10px; text-align:left}
.onenews h2{margin:0 0 3px 0; padding:0 0 3px 0;  border-bottom:1px dotted #003876; font-size:14px;    }
.onenews h2,
.onenews a{color:#C40000}
.onenews h4 span {float:left}
.onenews p{margin:0 0 7px 0; padding:0; text-align: justify ; line-height:160%; }
.onenews br {height:2px; line-height:2px;overflow:hidden}
.onenews a:hover {text-decoration:none}


.allnews { font-size:12px}
.allnews a {display:block;clear:both; text-decoration:none; padding:3px 3px 10px 3px; min-height:55px; /height:110px; margin-bottom:10px; cursor:pointer; border-bottom:1px dotted #999 }
.allnews a:hover {border-bottom:1px dotted #c40000 }
.allnews em {font-style:normal; font-size:11px} 
.allnews strong {font-weight:bold; color:#666; font-size:11px }
.allnews span { display:block; font-size:11px; margin-top:3px; line-height:14px}
.allnews .ntitle {color:#c40000; font-size:12px; margin:0px 0 3px 0}
.allnews img {float:left; margin-right:5px; width:120px;-webkit-border-radius: 4px; border:1px solid #ebebeb}
.allnews a:hover img {border:1px solid #999}
.allnews a:hover .ntext {color:#000}
.allnews a:hover .ntitle {text-decoration:underline}

#magazinez img {width:80px}
#magazinez span {font-size:12px; line-height:16px}
#magazinez .ntitle {color:#c40000; font-size:15px; font-weight:bold; margin-bottom:10px}
#magazinez .ntext:after {content: " ..."; }

.newspaging { margin:5px 0 0 10px;  }
.newspaging select {width:40px; margin-right:10px; float:left; font-size:12px;}
.newspaging a {display:block; float:left;  margin-right:5px; line-height:18px; text-decoration:none; padding:0 3px 0 3px; font-size:12px; }
.newspaging a:hover {}
.newspaging .pgnavactive {cursor:text}


.contacts  { float:left; width:250px; margin-left:20px; font-size:14px }
.contacts a {margin:0 0 5px 0; padding:0}
.contacts label,
.contacts a {display:block}
.contacts a {margin-bottom:5px; color:#7891AA}
.contacts label {color:#aa1428; font-weight:bold}

/* Forms
-------------------------------------------------------- */
.contactform {font-size:13px}
#contactform { padding-top: 10px; }
#contactform h3 { border: 1px solid #E8E8E8; border-width: 1px 0; background: #FBFBFB; padding: 5px; margin: 20px 0 8px 0; font-size: 1.2em; }
#contactform div { padding: 5px 0; /*margin: 0 0 0 30%;*/ }
#contactform div { padding: 5px 0; clear: left; }
#contactform p.form-help { width: 60%; margin: 0 0 0 30%; font-style: italic; }
#contactform div label { width: auto; color:#aa1428 }
#contactform div label { font-weight: bold; display: block; padding: 0 4px 4px 0; width: 100px; float: left; text-align: right; font-size:12px }
#contactform input,
#contactform textarea { font: 1em Arial, sans-serif; color: #005D99; border: 1px solid #CDCDCD; padding: 1px 2px; font-size: 1em; width: 60%; }
#contactform input#c_remember { width: auto; border: 0; margin: 0 5px 0 140px; }
#contactform input.preview { margin-left: 134px; }
#contactform input.preview,
#contactform input.submit { width: auto;  background: #005D99; color: #FFF; border: 1px solid #005D99; font-weight: bold; text-transform: uppercase; cursor:pointer}
#contactform input.preview:hover,
#contactform input.submit:hover { font-size: 1em;   border: 1px solid #005D99;}


div.error     {font-size:11px;font-weight:700;padding:5px 0 0;color:#f30;margin:0 0 0 105px;}

p.success {background:#090;  border:1px solid #090;  }
p.error { background:#f30; border:1px solid #f30; }
p.success,
p.error {margin:10px 0; padding:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px;color:#fff;  text-align:center;  font-size:11px; }



/* footer */

.footer {color:#fff; text-align:center;font-size:11px;  background: url(../images/bgr_btm.gif) left top no-repeat; width:1038px; margin:0 auto; line-height:25px }

.mnav {position:absolute; bottom:5px; right:5px;}

 .lavaLampBottomStyle {
            position: relative;
            height: 29px;
            background-color: white;
            overflow: hidden;
           
        }
                .lavaLampBottomStyle li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampBottomStyle li.back {
                        border-bottom: 1px solid #c4000;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampBottomStyle li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }   
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
                        }                     

/* fixes */

.hide {display:none !important}
/* Fixed stuff */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}

/*Ilian Jordanov Update*/
div#comments {
    padding: 2em 0;
}
div.comment {
    width: 90%;
    margin-bottom: 1em;
    padding: 0.5em;
    padding-right: 2em;
    border-top: 1px solid #999;
    position: relative;
}
div.comment dl {
    width: 20%;
    float: left;
}
div.comment dl dd {
    font-weight: bold;
}
div.comment dl dt {
    font-style: italic;
    font-size: 11px;
}
div.comment dl dd span {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 0.4em;
    background: #999;
}
div.comment p {
    width: 75%;
    margin-left: 3%;

    float: left;
}
div#comments textarea {
    width: 90%;
}
div#comments input.text {
    width: 200px;
}
div#comments label {
    display: block;
    padding-bottom: 0.4em;
}
div.comment form.del-comment {
    clear: both;
    width: 100%;
    position: relative;
    height: 1.5em;
}
form.del-comment input.del-submit {
    position: absolute;
    right: 0;
}
div#comments p.captcha {
    width: 90%;
}
ul.pagination {
    background-color:#EEEEEE;
    list-style:none outside none;
    padding:0 0 0 10px;
    position:relative;
    width:100%;
    text-align: center;
}
ul.pagination li.first-child, ul.pagination li:first-child {
background:none repeat scroll 0 0 transparent;
}
ul.pagination li.first-child, ul.pagination li:first-child {
    background:none repeat scroll 0 0 transparent;
}
ul.pagination li {
    display:inline-block;
    list-style:none outside none;
    margin:0;
    padding:0.4em;
}
.pagination {
    width: 100%;
}

ul.pagination li.selected a {
    color: #000;
}
div.captcha p {
    width: 44%;
    float: left;
    margin-right: 2%;
}
div.captcha p a {
    float: right;
}