* {
margin: 0;
padding: 0;
}

html {
height: 100%;
}

body {
font: 1em tahoma, arial, sans-serif;
background: url(/img/main_background.gif) #e4e9f3 0 0 repeat-x;
}

img {
border: 0;
}

img, div { 
behavior: url(/js/iepngfix.htc) 
}

a {
color: #00257a;
}

a:hover {
color: #3b64c3;
}

p {
font: .75em/1.6 tahoma, arial, sans-serif;
margin-bottom: 10px;
color: #383838;
}

p.nomargin {
margin: 0;
}

.clear {
clear: both;
}

h1 {
font: 1.4em tahoma, arial, sans-serif;
color: #fff;
margin-bottom: 15px;
}

h2 {
font: 22px tahoma, arial, sans-serif;
color: #b20000;
margin-bottom: 15px;
}

h3 {
font-weight: bold;
font: .85em/1.6 tahoma, arial, sans-serif;
margin-bottom: 20px;
}

h3.red-line {
font-size: 1em;
font-weight: bold;
color: #b20000;
background: none;
padding-bottom: 3px;
margin: 15px 0 10px 0;
border-bottom: 1px dotted #b20000;
}

h4 {
font: .9em tahoma, arial, sans-serif;
font-weight: bold;
margin-bottom: 5px;
}

hr {
width: 100%;
color: #dedede;
height: 1px;
border-bottom: 1px solid #dedede;
clear: both;
}

#wrapper {
margin: 0 auto;
width: 902px;
}

#header {
border-left: 1px solid #576682;
border-right: 1px solid #576682;
height: 96px;
background: url(/img/menu_background.gif) bottom right repeat-x;
border-bottom: 1px solid #fff;
}

#logo {
padding: 18px 64px 0 64px;
float: left;
width: 82px;
}

#upper_menu {
float: left;
width: 665px;
height: 22px;
background: url(/img/upper_menu_background.gif) #afc2d8 0 0 no-repeat;
text-align: right;
color: #e1e5ea;
padding: 5px 15px 0 0;
font-size: 11px;
}

#upper_menu a {
color: #fff;
}

#upper_menu span {
float: left;
margin-left: 15px;
}

#container {
border-left: 1px solid #576682;
border-right: 1px solid #576682;
padding-bottom: 1px;
width: 900px;
height: 100%;
background: #fff;
float: left;
}

#footer {
text-align: center;
height: 55px;
float: left;
width: 902px;
background: url(/img/footer.gif) 0 bottom no-repeat;
font: .7em tahoma;
}

#footer ul {
padding: 10px 0 9px 0;
background: #576682;
}

#footer li {
list-style-type: none;
display: inline;
border-left: 1px solid #7f8eaa;
padding: 0 18px;
}

#footer li:first-child {
border: none;
}

#footer a {
color: #f2f5fa;
}

.copy {
float: left;
width: 902px;
text-align: center;
height: 20px;
font: .7em tahoma;
height: 35px;
}

.copy a {
color: #00257a;
}

.main_error {
font-size: 12px;
width: 425px;
height: 40px;
padding: 10px 15px 0 60px;
color: #fff;
margin-bottom: 10px;
background: url(/img/exclamation.gif) #b20000 10px 5px no-repeat;
}


/* ozna?evanje strani */

.pagination {
width: 185px;
text-align: center;
padding: 15px 5px;
font-size: 11px;
}

.pagination a {
background: #f4f3f3;
padding: 3px;
border: 1px solid #b9b0b0;
}

.pagination a:hover {
background: #fff;
text-decoration: none;
}

.paginationCurrentPage {
color: #00257a;
padding: 0 5px;
font-weight: bold;
}

.paginationPrevious {
margin-right: 3px;
}


/* stili za prikaz glavne vsebine na vstopni strani */

#content-homepage {
margin-top: 8px;
width: 900px;
float: left;
background: #fff;
}

#content-homepage-left {
width: 400px;
float: left;
margin: 0 40px 0 20px;
}

/* Hack za pravilen prikaz v IE6 */
* html #content-homepage-left {
margin: 0 40px 0 10px;
}

#content-homepage-right {
width: 400px;
float: left;
}

#content-homepage-right .item {
float: right;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #acb0b6;
}

#content-homepage-right .item img {
margin-left: 10px;
float: right;
border: 1px solid #acb0b6;
}

.klavzula {
width: 896px; 
text-align: center; 
padding: 2px 2px 5px 2px; 
background-color: #000; 
color: #acacac; 
font: 10px/1 arial, sans-serif;
}

/* stili za prikaz glavne vsebine na podstraneh */

#content {
width: 900px;
float: left;
background: url(/img/content_background.gif) #fff 0 0  repeat-y;
}

#content-left {
float: left;
margin: 5px 0 20px 10px;
width: 200px;
height: 100%;
}

/* hack za pravilen prikaz levega menija v IE6 */
* html #content-left {
margin-left: 5px;
}

#content-left p {
margin: 5px 10px 5px 20px;
line-height: 1.4em;
}

#content-left p a {
text-decoration: none;
}

#content-left ul {
font: .75em/1.6 tahoma, arial, sans-serif;
margin-top: 10px;
}

#content-left ul li {
border-top: 1px solid #fff;
border-bottom: 1px solid #bed0e7;
list-style-type: none;
}

#content-left ul li span {
font-size: 10px;
color: #8291ae;
}

#content-left ul li a {
text-decoration: none;
padding: 4px 0 6px 20px;
display: block;
}

#content-left ul li a:hover {
background: url(/img/left_menu_background_hover.gif) #dee6f0 0 0 repeat-x;
}

#content-left ul li.selected {
background: #edf2f6;
}

#content-left ol {
font: .75em/1.6 tahoma, arial, sans-serif;
margin-left: 35px;
}

#content-left ol li {
margin-bottom: 7px;
}

#content-right {
padding: 15px 0 10px 15px;
float: left;
width: 660px;
}

#content-right ul {
margin: 0 0 10px 20px;
font: .75em/1.6 tahoma, arial, sans-serif;
}

#content-right .picture_right {
padding: 5px;
margin-left: 10px;
background: #dee6f0;
float: right;
text-align: center;
font-size: 11px;
}

#content-right .picture_right a {
text-decoration: none;
}

#content-right .picture_left {
padding: 5px;
margin-right: 10px;
background: #dee6f0;
float: left;
text-align: center;
font-size: 11px;
}

#content-right .picture_left a {
text-decoration: none;
}

#column-right {
padding: 20px 0 0 15px;
width: 170px;
background-color: #fff;
float: left;
}

.flash {
font-size: 14px;
font-weight: bold;
margin-bottom: 8px;
padding-bottom: 8px;
}

.flash p {
font-size: 14px;
font-weight: bold;
margin-bottom: 20px;
}

#main-image {
width: 870px;
height: 45px;
padding: 155px 0 0 30px;
}

#main-image-model {
width: 870px;
height: 100px;
padding: 0 0 0 30px;
}

/* prikaz glave pri podstraneh */

#main-picture {
padding-top: 90px;
width: 900px;
height: 110px;
background-repeat: no-repeat;
}

#main-picture h1 {
margin: 70px 0 0 30px;
}


/* oblika osnovne tabele */

#basic-table , #equipment {
border: 1px solid #727c8d;
width: 100%;
border-spacing: 0;
}

#basic-table a, #equipment a {
color: #000;
text-decoration: underline;
}

#basic-table a:hover, #equipment a:hover {
text-decoration: none;
}

#basic-table th , #equipment th {
font: .75em/1.4 tahoma, arial, sans-serif;
font-weight: bold;
background-color: #626b7d;
color: #fff;
padding: 5px 5px 7px 5px;
text-align: center;
margin: 0px;
border-right: 1px solid #727c8d;
}

#basic-table th.header {
background: url(../img/small_nosort.gif) 3px 9px no-repeat;
background-color: #626b7d;
cursor: pointer;
}

#basic-table th.headerSortUp {
background: url(../img/small_asc.gif) 3px 12px no-repeat;
background-color: #747e91;
}

#basic-table th.headerSortDown {
background: url(../img/small_desc.gif) 3px 12px no-repeat;
background-color: #747e91;
}

#basic-table td , #equipment td {
margin: 0px;
padding: 12px;
font: .75em/1.4 tahoma, arial, sans-serif;
border-right: 1px solid #727c8d;
background-color: #fff;
text-align: center;
}

#basic-table tr.alt td , #equipment tr.alt td {
background-color: #eff3f7;
}

#basic-table td.last , #equipment td.last {
border-right: none;
}

#basic-table .right , #equipment .right {
border-right: none;
}

#basic-table .left , #equipment .left {
text-align: left;
padding-left: 12px;
}

#basic-table .price , #equipment .price {
text-align: right;
padding-right: 10px;
}

/* zacetek kode za pravilno prikazovanje stolpcev */

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

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* konec kode za pravilno prikazovanje stolpcev */


/* stili za strani z novicami */

.right-title {
background: #4d6081;
width: 200px; 
text-align: center; 
font-size: 12px; 
font-weight: bold; 
padding: 5px 0; 
color: #fff;
margin-bottom: 5px;
}

.right-newslist {
margin-top: 20px;
font: 12px/1.4 tahoma,arial,sans-serif;
text-align: center;
}

.right-newslist span {
margin: 0;
}

.banner-ad {
border: 1px solid #4d6081; 
margin-bottom: 20px;
}

#news-body {
font-size: 12px;
line-height: 17px;
padding-bottom: 8px;
}

#news-body ul {
margin-left: 15px;
font-size: 12px;
line-height: 17px;
}

#news-body ul li {
margin-bottom: 5px;
}

#news-body p {
font-size: 12px;
line-height: 17px;
}

#news-body img {
border: 1px solid #b9b9b9;
padding: 3px;
margin: 5px;
}

#news-body a {
text-decoration: underline;
}

#news-icons {
margin-bottom: 10px;
}

#news-created {
float: left;
font-size: 0.7em;
margin: 3px 0 0 7px;
}

.attachment {
font-size: 12px;
margin-top: 10px;
}

.attachment a {
text-decoration: underline;
}

/* Konec stilov za strani z novicami */


.description {
font: .75em/1.6 tahoma, arial, sans-serif;
text-align: center;
margin-bottom: 5px;
}

.description a {
color: #fff;
}

.akcija-levo {
float: left;
width: 700px;
}

/* Zacetek stilov za AKCIJSKO STRAN */

.akcija-desno {
font: .7em/1.6 tahoma, arial, sans-serif;
width: 270px;
float: left;
padding: 5px 0 20px 30px;
}

.akcija-desno ul {
margin-bottom: 0px;
}

.akcija-desno ul li {
margin-bottom: 12px;
}

.akcija-desno span {
display: block;
margin-bottom: 5px;
}

.akcija-spodaj {
border-top: 1px solid #dadada;
padding: 2px 0;
margin: 3px 0;
clear: both;
font: .6em/1.2 tahoma, arial, sans-serif;
}

/* Konec stilov za AKCIJSKO STRAN */


/* Zacetek stilov za VOSCILNICE */

#voscilnica-obrazec {
float: left; 
width: 145px; 
padding: 8px; 
line-height: 17px; 
border: 1px solid #727c8d; 
margin-right: 15px; 
font-size: .75em;
}

#voscilnica-obrazec #EcardsMessage {
width: 100%;
}

#voscilnica-obrazec .error-message {
color: #b20000;
font-size: 0.8em;
}

#voscilnica-motiv {
float: left; 
padding: 8px; 
text-align: center; 
border: 1px solid #727c8d; 
font-size: .75em;
}

#voscilnice-container {
width: 998px;
border-left: 1px solid #dadada;
border-right: 1px solid #dadada;
}

.voscilnica {
background: url('/img/greeting_background.jpg') #f4f4f4;
border: 1px solid #727c8d;
}

.voscilnica td {
padding: 10px;
font-size: 12px;
text-align: left;
}

.voscilnica-forma td {
padding: 5px;
font-size: 12px;
text-align: left;
}

#voscilnice-container option {
padding: 0 5px 3px 0;
}

#voscilnice-container input {
font-size: 12px;
}

/* Konec stilov za VOSCILNICE */


/* Zacetek stilov za ZASTOPNIKE */

.zastopniki-box {
float: left;
margin-right: 30px;
}

.zastopniki-box label{
margin-left: 5px;
font: .75em/1.6 tahoma, arial, sans-serif;
}

.zastopniki-list {
font: .75em/1.6 tahoma, arial, sans-serif;
}

.zastopniki-list td {
padding: 5px;
}

.zastopnik-opis {
font-size: 12px;
}

.zastopnik-opis .podrobno p {
padding-right: 10px;
font-size: 12px;
}

#maps-menu {
float: left;
margin-top: 30px;
border: 1px solid #ccc;
border-right: 3px solid #ccc;
border-bottom: 3px solid #ccc;
padding: 15px 15px 15px 20px;
background-color: #f7f7f7;
width: 400px;
}

/* Konec stilov za ZASTOPNIKE */


/* Zacetek stilov za MODELE */

.modeli-levo {
width: 29px;
height:770px;
background: url('/img/range_category.gif') 7px 82px #b20000 no-repeat;
float: left;
}

.modeli-desno {
border-right: 1px solid #dadada;
width: 970px;
float: left;
}

.modeli-vrsta {
width: 100%;
height: 154px;
background: url('/img/range_background.gif') repeat-x;
}

.modeli-vrsta div {
float: left;
}

/* Konec stilov za MODELE */


/* Zacetek stilov za CENIK */

#cenik , #oprema , #izracun {
border: 1px solid #727c8d;
width: 100%;
}

#cenik th , #oprema th {
font: .75em/1.4 tahoma, arial, sans-serif;
background-color: #626b7d;
color: #fff;
padding: 8px;
text-align: center;
border-right: 1px solid #727c8d;
}

#cenik td , #oprema td {
padding: 12px;
font: .75em/1.4 tahoma, arial, sans-serif;
border-right: 1px solid #727c8d;
background-color: #fff;
text-align: center;
}

#cenik tr.alt td , #oprema tr.alt td {
background-color: #eff3f7;
}

#cenik td.last , #oprema td.last{
border-right: none;
}

#cenik .desno , #oprema .desno{
text-align: right;
border-right: none;
}

#cenik .levo , #oprema .levo {
text-align: left;
}

.pricelist-pdf {
font-size: 12px;
margin: 0 0 10px 10px;
float: right;
padding: 13px 15px 0 60px;
width: 230px;
height: 32px;
background: url('../img/pdf_download_back.gif') no-repeat;
}

#izracun th {
font: .75em/1.4 tahoma, arial, sans-serif;
background-color: #7d6a6a;
color: #fff;
padding: 12px;
text-align: left;
border-right: 1px solid #6b5b5b;
}

#izracun td {
font: .75em/1.4 tahoma, arial, sans-serif;
padding: 12px;
}

#izracun td.gray {
background-color: #efeeee;
}

.clause {
margin-top: 5px;
font-size: .7em;
}

/* Konec stilov za CENIK */


/* Zacetek stilov za TEHNICNE LASTNOSTI */

#spec {
border: 1px solid #727c8d;
width: 100%;
}

#spec th {
font: .75em/1.4 tahoma, arial, sans-serif;
background-color: #626b7d;
color: #fff;
padding: 8px;
text-align: center;
border-right: 1px solid #727c8d;
}

#spec td {
padding: 12px;
font: .75em/1.4 tahoma, arial, sans-serif;
border-top: 1px solid #ccd4e3;
border-right: 1px solid #ccd4e3;
background-color: #fff;
}

#spec tr.alt td {
background-color: #eff3f7;
}

#spec td.last {
border-right: none;
}

#spec .desno {
border-right: none;
}

#spec .levo {
text-align: left;
}

/* Konec stilov za TEHNICNE LASTNOSTI */


/* Zacetek stilov za MAPO */

.mapa {
font: .75em/1.8 tahoma, arial, sans-serif;
float: left;
margin: 10px 0 20px 30px;
padding-left: 10px;
border-left: 1px solid #dadada;
}

.mapa ul {
list-style-type: none;
margin-right: 25px;
}

.mapa h1 {
font-size: 16px;
color: #b20000;
}

.mapa-vrh {
width: 900px;
height: 30px;
color: #fff;
background-color: #626b7d;
text-align: center;
font: 1em/1.8 tahoma, arial, sans-serif;
}

/* Konec stilov za MAPO */


/* Zacetek stilov za NEWSLISTO */


#form_newslist {
width: 500px;
border: 1px solid #727c8d;
font: .75em/1.8 tahoma, arial, sans-serif;
}

#form_newslist .title {
width: 482px; 
padding: 5px 9px; 
background: #626b7d;
color: #fff;
font-weight: bold;
margin-bottom: 5px;
}

#form_newslist .title img {
float: left;
padding: 2px 10px 0 0;
}

#form_newslist .input {
padding: 3px 10px;
}

#form_newslist .input:hover {
background: #eff5fd;
}

#form_newslist .input .input_text {
border: 1px solid #423f3b;
}

#form_newslist .input .input_text_date {
border: 1px solid #423f3b;
}

#form_newslist .input_text_date option {
padding-right: 5px;
}

#form_newslist .input_checkbox {
margin-right: 5px;
}

#form_newslist .input_check {
padding-left: 10px;
}

#form_newslist .submit {
margin: 0 0 10px 10px;
}

#form_newslist #sex_1 {
margin-left: 10px;
margin-right: 3px;
}

#form_newslist #sex_0 {
margin-right: 3px;
}

#form_newslist .input label {
margin-top: -3px;
text-align: left;
margin-right: 5px;
padding-top: 4px;
width: 120px;
float: left;
display: block;
}

#form_newslist .input fieldset {
border: none;
}

#form_newslist .input fieldset label {
margin: 0 5px 2px 5px;
width: 20px;
}

#form_newslist .input fieldset input {
margin-left: 5px;
border: none;
margin-top: 8px;
float: left;
}

#form_newslist .input fieldset legend {
margin-top: 4px;
min-width: 120px;
float: left;
color: #000;
}

#form_newslist .error-message {
font-size: 10px;
color: #b20000;
padding-left: 70px;
}

/* Konec stilov za NEWSLISTO */



/* Zacetek stilov za formo TEST DRIVE */


#form_testdrive {
width: 550px;
border: 1px solid #727c8d;
font: .75em/1.8 tahoma, arial, sans-serif;
}

#form_testdrive .title {
width: 532px; 
padding: 5px 9px; 
background: #626b7d;
color: #fff;
font-weight: bold;
margin-bottom: 5px;
}

#form_testdrive .title img {
float: left;
padding: 2px 10px 0 0;
}

#form_testdrive .input {
padding: 3px 10px;
}

#form_testdrive .input:hover {
background: #eff5fd;
}

#form_testdrive .input .input_text {
border: 1px solid #423f3b;
}

#form_testdrive .input .input_text_date {
border: 1px solid #423f3b;
}

#form_testdrive .input_text_date option {
padding-right: 5px;
}

#form_testdrive .input_checkbox {
margin-right: 5px;
}

#form_testdrive .input_check {
padding-left: 10px;
}

#form_testdrive .submit {
margin: 0 0 10px 10px;
}

#form_testdrive #sex_1 {
margin-left: 10px;
margin-right: 3px;
}

#form_testdrive #sex_0 {
margin-right: 3px;
}

#form_testdrive #car_will_stay_1 {
margin-right: 3px;
margin-left: 10px;
}

#form_testdrive #car_will_stay_0 {
margin-right: 3px;
}

#form_testdrive .input label {
margin-top: -3px;
text-align: left;
margin-right: 5px;
padding-top: 4px;
width: 120px;
float: left;
display: block;
}

#form_testdrive .input fieldset {
border: none;
}

#form_testdrive .input fieldset label {
margin: 0 5px 2px 5px;
width: 20px;
}

#form_testdrive .input fieldset input {
margin-left: 5px;
border: none;
margin-top: 8px;
float: left;
}

#form_testdrive .input fieldset legend {
margin-top: 4px;
min-width: 120px;
float: left;
color: #000;
}

#form_testdrive .premium {
padding-top: 8px;
}

#form_testdrive .error-message {
font-size: 10px;
color: #b20000;
padding-left: 85px;
}

.premium {
margin: 0 0 10px 10px;
font: .9em/1.3 tahoma, arial, sans-serif;
}

.premium input {
margin-right: 7px;
}

.promo_code {
font: .9em/1.3 tahoma, arial, sans-serif;
padding: 5px 0;
margin: 10px 10px 0 10px;
border-top: 1px dotted #626b7d; 
}

/* Konec stilov za formo TEST DRIVE */



/* Zacetek stilov za BOUTIQUE */

#content-right-boutique {
padding: 15px 0 10px 15px;
float: left;
width: 440px;
}

.okvir {
border: 0;
margin-right: 15px;
}

h4.boutique {
font-size: .8em;
font-weight: bold;
color: #b20000;
background: none;
margin-bottom: 5px;
}

.boutique-left {
padding-top: 10px;
width: 120px; 
float: left; 
margin-bottom: 15px;
}

.boutique-right {
font-size: 1em;
margin-top: 5px;
width: 320px; 
float: left; 
}

.boutique-right .attachments {
float: right; 
border-bottom: 1px dotted #bdbbb8; 
padding: 8px; 
margin-left: 10px;
}

#equipment-list {
width: 182px;
font-size: .75em;
background: #dee6f0;
padding: 10px;
margin: 0 0 30px 0;
border-bottom: 1px solid #dfdada;
}

#equipment-list li {
list-style-type: none;
margin-bottom: 12px;
}

#equipment-list a {
font-weight: bold;
text-decoration: underline;
}

#equipment-list .description {
line-height: 1.2em;
font-size: .8em;
}

.symbol {
margin-top: 10px;
float: right;
font-size: .7em;
}

#column-left .cartheader {
margin: 10px 0 0 10px; 
padding: 5px;
font-size: .8em;
background-color: #011649;
color: #fff;
font-weight: bold;
width: 170px;
text-align: center;
}

#column-left .cartproductlist {
background-color: #fff;
margin-left: 10px;
width: 158px;
border: 1px solid #011649;
border-bottom: none;
padding: 10px 10px 0 10px;
font-size: .8em;
}

#column-left .loading {
text-align: center;
background-color: #fff;
margin-left: 10px;
border-left: 1px solid #011649;
border-right: 1px solid #011649;
width: 158px;
border-bottom: none;
padding: 10px 10px 0 10px;
font-size: .8em;
}

#column-left .cart {
text-align: center;
background-color: #f3f0f0;
margin-left: 10px;
width: 158px;
border: 1px solid #011649;
border-top: none;
padding: 5px 10px 10px 10px;
font-size: .8em;
}

#column-left .emptycart {
text-align: center;
background-color: #fff;
margin-left: 10px;
width: 158px;
border: 1px solid #011649;
border-top: none;
padding: 10px;
padding-top: 0;
font-size: .8em;
}

#column-left .cartproductlist div {
padding-bottom: 10px;
}

#cartcontent {
border: 1px solid #000;
margin-bottom: 20px;
}


/* Konec stilov za BOUTIQUE */


/* Stili za formo - butik */

#form_boutique {
width: 650px;
border: 1px solid #7d6a6a;
font: .75em/1.8 tahoma, arial, sans-serif;
}

#form_boutique .title {
width: 630px;
padding: 7px 10px;
background: #7d6a6a;
color: #fff;
font-weight: bold;
margin-bottom: 5px;
}

#form_boutique .input {
padding: 3px 10px;
}

#form_boutique .input .input_text {
border: 1px solid #423f3b;
}

#form_boutique .input .input_text_date {
border: 1px solid #423f3b;
}

#form_boutique .input_text_date option {
padding-right: 5px;
}

#form_boutique .input_checkbox {
margin-right: 5px;
}

#form_boutique .input_check {
padding-left: 10px;
}

#form_boutique .submit {
margin: 0 0 10px 10px;
}

#form_boutique #sex_0 {
margin-right: 3px;
}

#form_boutique .input label {
margin-top: -3px;
text-align: left;
margin-right: 5px;
padding-top: 4px;
width: 120px;
float: left;
display: block;
}

#form_boutique .error-message {
font-size: 10px;
color: #b20000;
padding-left: 85px;
}

#form_boutique table {
padding: 10px;
}

#form_boutique table th {
padding: 5px;
font: 1em/1.8 tahoma, arial, sans-serif;
font-weight: bold;
}

#form_boutique table td {
vertical-align: top;
padding: 5px 0;
font: 1em/1.6 tahoma, arial, sans-serif;
border-top: 1px dotted #777672;
}

#form_boutique table td.price {
vertical-align: middle;
text-align: right;
border-left: 1px dotted #777672;
}

h4.boutique {
font-size: 1em;
font-weight: bold;
color: #b20000;
background: none;
}

/* Konec stilov za formo butik */




/* Zacetek stilov za NAMIZJA */

.desktop {
width: 190px; 
height: 250px; 
margin: 0 10px 10px 10px; 
text-align: center; 
float: left;
}

.desktop img {
border: 1px solid #7d6a6a;
}


/* Zacetek stilov za prikaz povecane slike v BOUTIQUE */

#lightbox{
background-color:#fff;
padding: 10px;
border: 1px solid #bbb;
}

#lightboxDetails {
font-size: 0.8em;
padding-top: 0.4em;
}	

#lightboxTopDetails {
margin-right: 20px;
font-size: 0.8em;
padding-top: 1em;
}

#lightboxCaption{ float: left; font-size: 10px;}
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#lightboxImage { margin-top: 10px; }

#overlay{ background-image: url(../img/overlay.png); }

#lightbox #closeButton {
top: 4px;
right: 5px;
float: left;
margin: 0;
padding: 0;
}

#lightbox #printButton {
cursor:pointer;
position:absolute;
top: 3px;
right: 27px;
float: left;
margin: 0;
padding: 0;
}

/* Koda, potrebna za pravilen prikaz .png transparentnega ozadja v IE */

* html #overlay{
background-color: #000;
back\ground-color: transparent;
background-image: url(../img/blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/overlay.png", sizingMethod="scale");
}

/* Konec stilov za prikaz povecane slike v BOUTIQUE */

.back-nomargin {
  text-decoration: underline;
  clear: both;
  font-size: 11px;
  margin-top: 10px;
  padding-left: 10px;
  background: url(/img/back_arrow.gif) left center no-repeat;
  float: left;
}

.back {
  text-decoration: underline;
  clear: both;
  font-size: 11px;
  padding-left: 10px;
  background: url(/img/back_arrow.gif) left center no-repeat;
  float: left;
}

.back-line {
  border-top: 1px solid #ccc;
  width: 95%;
  text-decoration: underline;
  clear: both;
  font-size: 11px;
  padding: 10px 10px;
  background: url(/img/back_arrow.gif) left center no-repeat;
  float: left;
}


/* Zacetek stilov za NASVETE UPORABNIKOV */


#guides div {
  margin: 10px 5px;
  float: left;
  width: 200px;
}

#guides div ul {
  margin: 5px 5px 5px 22px;
  font: .75em/1.4 tahoma;
}

.wide-guide {
  font: .75em/1.4 tahoma;
  float: left;
  width: 390px;
  padding: 15px;
  margin: 5px 0;
  background-color: #f3f3f3;
  border: 1px solid #ddd;
}

.wide-guide h3 {
  margin: 0;
  font-weight: bold;
  color: #b20000;
  font: 1em/1.4 tahoma;
}

#content-right .wide-guide ul, ol {
  font: 1em/1.4 tahoma;
  margin: 5px 5px 5px 15px;
}

#guides div p {
  margin: 0 8px;
  font: .75em/1.4 tahoma;
}

#guides h3 {
  margin: 0 0 0 8px;
  font-weight: bold;
  color: #b20000;
}

#guides hr {
  padding-top: 15px;
  margin-bottom: 15px;
  border: 0;
  border-bottom: 1px solid #ddd;
}


/* Zacetek stilov za EMISIJE */

#emission {
border: 1px solid #c3c3c3;
width: 850px;
}

#emission th {
font: .75em/1.4 tahoma, arial, sans-serif;
background-color: #88b323;
color: #fff;
padding: 5px;
text-align: center;
border-right: 1px solid #549421;
border-bottom: 1px solid #549421;
font-weight: bold;
}

#emission td {
padding: 5px;
font: .75em/1.4 tahoma, arial, sans-serif;
border-right: 1px solid #c3c3c3;
border-bottom: 1px solid #c3c3c3;
background-color: #fff;
text-align: center;
}

#emission tr.alt td {
background-color: #ededee;
}

#emission td.last {
border-right: none;
}

#emission .desno {
border-right: none;
}

#emission .levo {
text-align: left;
}

/* Konec stilov za EMISIJE */


/* stil za prikaz levega menija */

#column-left, #column-news {
float: left;
margin: 5px 0 20px 10px;
width: 200px;
height: 100%;
}

#column-left p, #column-news p {
margin: 15px 10px 5px 20px;
line-height: 1.4em;
}

#column-left ul, #column-news ul {
font: .75em/1.6 tahoma, arial, sans-serif;
margin-top: 10px;
}

#column-left ul li, #column-news ul li {
margin: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #bed0e7;
list-style-type: none;
}

#column-left ul li span, #column-news ul li span {
font-size: 10px;
color: #8291ae;
}

#column-left ul li a, #column-news ul li a {
text-decoration: none;
padding: 4px 0 6px 20px;
display: block;
}

#column-left ul li a:hover, #column-news ul li a:hover {
background: url(/img/left_menu_background_hover.gif) #dee6f0 0 0 repeat-x;
}

#column-left ul li.selected, #column-news ul li.selected {
background: #edf2f6;
}

#column-left ol {
font: .75em/1.6 tahoma, arial, sans-serif;
margin-left: 5px;
}

#column-left ol li {
margin-bottom: 7px;
}

#column-left .line, #column-news .line {
margin: 10px 20px 5px 20px;
width: 160px;
border-bottom: 1px solid #fff;
}

#column-left ol {
font: 0.75em/1.4 tahoma, arial, sans-serif;
padding-left: 38px;
width: 140px;
}

#column-left .icon {
margin-right: 5px;
}

#column-main, #column-main-news {
padding: 20px;
width: 440px;
background-color: #fff;
float: left;
}

#column-main a {
text-decoration: underline;
}

#column-main ul {
font: 12px/1.6 tahoma, arial, sans-serif;
margin-left: 20px;
margin-bottom: 20px;
}

#column-main-wide {
padding: 20px;
width: 649px;
background-color: #fff;
float: left;
}

#column-main-wide a {
text-decoration: underline;
}

#column-right, #column-right-news {
padding: 40px 0 0 0;
width: 200px;
background-color: #fff;
float: left;
}

.banner-ad {
border: 1px solid #d3d3d3;
margin-bottom: 20px;
}

.right-content-center {
margin: 5px 0 20px 0;
width: 200px;
font: .75em/1.4 tahoma, arial, sans-serif;
text-align: center;
}

.right-content {
margin-top: 5px;
width: 160px;
font: .75em/1.4 tahoma, arial, sans-serif;
padding-bottom: 5px;
border-bottom: 1px solid #dfdada;
}

/* Za�etek stilov za Tattoo */

#form_tattoo {
float: left;
width: 650px;
border: 1px solid #626b7d;
font: .75em/1.8 tahoma, arial, sans-serif;
}

#form_tattoo .title {
width: 630px;
padding: 5px 10px 10px 10px;
background: #626b7d;
color: #fff;
font-weight: bold;
margin-bottom: 5px;
}

#form_tattoo .input {
padding: 3px 10px;
}

#form_tattoo .input .input_text {
border: 1px solid #423f3b;
}

#form_tattoo .input .input_text_date {
border: 1px solid #423f3b;
}

#form_tattoo .input_text_date option {
padding-right: 5px;
}

#form_tattoo .input_checkbox {
margin-right: 5px;
}

#form_tattoo .input_check {
padding-left: 10px;
}

#form_tattoo .submit {
margin: 0 0 10px 10px;
}

#form_tattoo #sex_0 {
margin-right: 3px;
}

#form_tattoo .input label {
margin-top: -3px;
text-align: left;
margin-right: 5px;
padding-top: 4px;
width: 120px;
float: left;
display: block;
}

#form_tattoo .error-message {
font-size: 10px;
color: #b20000;
padding-left: 85px;
}

#form_tattoo table {
padding: 10px;
}

#form_tattoo table th {
padding: 5px;
font: 1em/1.8 tahoma, arial, sans-serif;
font-weight: bold;
}

#form_tattoo table td {
vertical-align: top;
padding: 5px 0;
font: 1em/1.6 tahoma, arial, sans-serif;
border-top: 1px dotted #777672;
}

#form_tattoo table td.price {
vertical-align: middle;
text-align: right;
border-left: 1px dotted #777672;
}

h4.tattoo {
font-size: 1em;
font-weight: bold;
color: #b20000;
background: none;
}


/* Konec stilov za Tattoo */



/* zacetek kode za pravilno prikazovanje stolpcev */

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

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* konec kode za pravilno prikazovanje stolpcev */


/* START sifr.css */
/* ############## */
/* START sifr.css */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
    visibility: visible !important;
    margin: 0;
}

.sIFR-replaced {
    visibility: visible !important;
}

span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
    visibility: hidden;
    font-size: 22px;
    margin-bottom: 5px;
}

/* GLAVNE SLIKE */

#main-picture.service {background-image: url(../img/main/service.jpg);}
#main-picture.representatives {background-image: url(../img/main/representatives.jpg);}
#main-picture.test-drive {background-image: url(../img/main/test_drive.jpg);}
#main-picture.greetings {background-image: url(../img/main/ecards.jpg);}
#main-picture.media {background-image: url(../img/main/media.jpg);}
#main-picture.kia-news {background-image: url(../img/main/media.jpg);}
#main-picture.employ {background-image: url(../img/main/media.jpg);}

/* START jquery-ui-1.7.2.custom.css */
/* ############## */
/* START jquery-ui-1.7.2.custom.css */
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 12px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #B20000 url(images/ui-bg_highlight-soft_75_b20000_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #ffffff; background: #ffffff; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {width: 16px; height: 16px; background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-image:url(images/ui-icons_222222_256x240.png); background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; display:none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; color:white; }
.ui-dialog .ui-dialog-titlebar-close { position: relative; padding: 1px; float:right; margin:-2px 0 0 2px; width: 19px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; border: 1px solid #B20000; background: #FFF; font-weight: bold; color: #B20000; }
.ui-dialog .ui-dialog-buttonpane button:hover { background: #B20000; color:#FFF; font-weight:bold; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }