/* -----------------------------------------------------------------------------------------
	 * automarket.ba
	 * default screen stylesheet
	/* =========================================================================================
	 * ########## general styles ##########
	 * (layout)
	 * (basic elements)
	 * (specific styles)
	 * ========================================================================================= */
	/* -----------------------------------------------------------------------------------------
	 * html + body
	 * ----------------------------------------------------------------------------------------- */
	body {
	    background: #fff;
	    color: #2d2d2d;
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 75%; /* 12px/1em */
	    margin: 0;
	    padding: 0;
	}
	
	/* -----------------------------------------------------------------------------------------
	 * typo
	 * ----------------------------------------------------------------------------------------- */
	h6, 
	h5, 
	h4 {
	}
	
	h3 {
	}
	
	h2 {
	}
	
	h1 {
	}
	
	p {
	    font-size: 1em;
	    line-height: 1.2em;
	    padding: 0;
	    margin: 0 0 10px 0;
	}
	
	/* lists */
	ul, 
	ol {
	    margin: 0 0 1em 0;
	    padding: 0;
	}
	
	li {
	    margin: 0 0 0.3em 1.5em;
	    padding: 0;
	}
	
	/* -----------------------------------------------------------------------------------------
	 * images
	 * ----------------------------------------------------------------------------------------- */
	img {
	    border: 0;
	}
	
	/* -----------------------------------------------------------------------------------------
	 * forms
	 * ----------------------------------------------------------------------------------------- */
	input, 
	select{
		color: #2d2d2d;
	}
	
	input[type = text], 
	input[type = password],
	select {
	    border: 1px solid #B6B6B6;
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 100%;
	}
	
	textarea {
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 100%;
	}
	
	input[type = 'text']:hover, 
	input[type = 'password']:hover,
	select:hover, 
	input:focus, 
	select:focus {
	    background-color: #FDF6E9;
	}
	
	fieldset {
	    margin: 0;
	    padding: 0;
	    border: none;
	}
	
	/* -----------------------------------------------------------------------------------------
	 * media types
	 * ----------------------------------------------------------------------------------------- */
	.reader {
	    /* hide on screen but make available for screenreaders */
	    position: absolute !important;
	    left: -999em !important;
	    width: 10px !important;
	    height: 10px !important;
	    overflow: hidden !important;
	}
	.print {
	    /* hide */
	    display: none !important;
	    visibility: hidden !important;
	}
	
	/* -----------------------------------------------------------------------------------------
	 * etc
	 * ----------------------------------------------------------------------------------------- */ 
	.clear {
	    clear: both;
	    width: 1px; /* force content */
	    line-height: 0;
	}
	.clearLayer {
		clear: both;
		line-height: 0;
		font-size: 0;
	}

	.ad-marker {
	    font-size: 11px;
	    color: #666;
	    margin: 0;
	    padding: 0;
	}
	
	.ad-marker-link {
	    font-size: 11px;
	    color: #666;
	    margin: -7px 0 0 0;
	    padding-bottom: 3px;
		text-align:center;
	}
	
	
	.boxclearonly {
	    clear: both !important;
	}
	
	/* =========================================================================================
	 page
	 header
	 content
	 footer
	 columns
	/* -----------------------------------------------------------------------------------------
	 * page
	 * ----------------------------------------------------------------------------------------- */
	.page {
	    width: 806px;
	    background: #fff;
	    padding: 10px;
	    position: relative; /* make parent */
	}
	
	/* -----------------------------------------------------------------------------------------
	 * header
	 * ----------------------------------------------------------------------------------------- */
	div.header {
	    background: #e1e1e1 url(./../images/bgr_header.png) repeat-x;
	    width: 804px; /* -2px border */
	    height: 108px; /* -2px border */
	    border: 1px solid #b0b0b0;
	}
	
	/* rounded corners */ 
	.header .rc {
	    position: absolute; 
	    width: 4px;
	    height: 4px;
	    overflow: hidden;
	    background: url(./../images/bgr_header_corners.png) no-repeat;
	}
	@media aural {
	    /* hide for screenreaders */ 
		.header .rc {
	        display: none !important;
	        visibility: hidden !important;
		}
	} 
	.header .tl {
	    top: 10px;
	    left: 10px;
	    background-position: 0 0;
	} 
	.header .tr {
	    top: 10px;
	    right: 10px;
	    background-position: -6px 0;
	} 
	.header .bl {
	    top: 116px;
	    left: 10px;
	    background-position: 0 -6px;
	} 
	.header .br {
	    top: 116px;
	    right: 10px;
	    background-position: -6px -6px;
	}
	
	/* -----------------------------------------
	 * corporate
	 * ----------------------------------------- */ 
	.header h1, 
	.header p {
	    display: block;
	    height: 35px;
	    margin: 26px 0 0 20px;
	    padding: 0;
	} 
	.header .logo {
	    display: block;
	    float: left;
		width: 146px;
	    height: 35px;
	    margin: 0;
	    padding: 0;
	    border: 0;
	    text-decoration: none;
	} 
	.header .claim {
	    display: block;
	    float: left;
	    padding: 11px 0 0 0;
	    margin: 0 0 0 12px;
	}
	
	.header h1,
	.header p {
		display: block;
		height: 35px;
		margin: 26px 0 0 20px;
		padding: 0;
	}
	
	img.logo {
		vertical-align: bottom;
		margin-bottom: 1px;
		border: 0;
		height: 13px;
		width: 52px;
	}
	
	/* -----------------------------------------------------------------------------------------
	 * content
	 * ----------------------------------------------------------------------------------------- */ 
	 .content {
	}
	
	/* -----------------------------------------------------------------------------------------
	 * footer
	 * ----------------------------------------------------------------------------------------- */ 
	.footer {
	    padding: 0;
	    clear: both;
	}
	
	/* lists */ 
	.footer ul, 
	.footer ol {
	    display: table;
	    width: 100%; /* firefox 2 */
	    margin: 0;
	    padding: 0;
	} 
	.footer li {
	    display: block;
	    float: left;
	    margin: 0;
	    padding: 0;
	    list-style-type: none;
	}
	
	/* links */ 
	.footer a {
	    color: #2d2d2d !important; /* use !important because of CSS specificiy */
	    text-decoration: none !important;
	} 
	.footer a:hover, 
	.footer a:focus {
	    color: #ee6002 !important; /* orange */
	    text-decoration: underline !important;
	}
	
	/* -------------------------------------
	 * tools and bookmarks
	 * ------------------------------------- */ 
	.footer .toolsbookmarks {
	    background: #f3f3f3 url(./../images/bgr_footer.png) repeat-x;
	    padding: 0.9em 10px 0.7em 10px;
	    margin: 0 0 1px 0;
	} 
	.footer .border {
	    background: #f3f3f3 url(./../images/border_footer.gif) repeat-x;
	    background-position: left top;
	    background-repeat: repeat-x;
	    margin-bottom: 1px;
	    margin-top: 20px;
	    padding-top: 3px;
	}
	
	/* -------------------------------------
	 * tools
	 * ------------------------------------- */ 
	.footer .tools {
	    width: 450px;
	    float: right;
	} 
	.footer .tools ul {
	    display: block;
	} 
	.footer .tools ul li {
	    display: block;
	    float: right;
	    margin: 0 0 0 1em;
	} 
	.footer .tools ul li a {
	    display: block;
	    position: relative; /* make parent */
	} 
	.footer .tools ul li a:hover, 
	.footer .tools ul li a:focus {
	    text-decoration: none !important;
	} 
	.footer .tools ul li a:hover span, 
	.footer .tools ul li a:focus span {
	    text-decoration: underline;
	} 
	.footer .tools ul li a i, 
	.footer .closetool ul li a i {
	    display: block;
	    float: left;
	    width: 17px;
	    height: 17px;
	    overflow: hidden;
	    background: url(./../images/icons_footer.gif) no-repeat;
	    margin: -2px 5px 0 0;
	    position: relative; /* place on top -> IE */
	}
	
	@media aural {
	    /* hide for screenreaders */ 
		.footer .tools ul li a i {
	        display: none !important;
	        visibility: hidden !important;
		}
	} 
	
	.footer .tools ul li.li1 a i {
	    background-position: 0 0;
	} 
	.footer .tools ul li.li1 a:hover i, 
	.footer .tools ul li.li1 a:focus i {
	    background-position: -17px 0;
	} 
	.footer .tools ul li.li2 a i {
	    background-position: 0 -25px;
	} 
	.footer .tools ul li.li2 a:hover i, 
	.footer .tools ul li.li2 a:focus i {
	    background-position: -17px -25px;
	} 
	.footer .tools ul li.li3 a i {
	    background-position: 0 -50px;
	} 
	.footer .tools ul li.li3 a:hover i, 
	.footer .tools ul li.li3 a:focus i {
	    background-position: -17px -50px;
	} 
	.footer .tools ul li.li4 a i {
	    background-position: 0 -75px;
	} 
	.footer .tools ul li.li4 a:hover i, 
	.footer .tools ul li.li4 a:focus i {
	    background-position: -17px -75px;
	}
	
	/* -------------------------------------
	 * bookmarks
	 * ------------------------------------- */ 
	.footer .bookmarks {
	    width: 300px;
	    float: left;
	} 
	.footer .bookmarks p {
	    display: block;
	    margin: 0;
	    padding: 0;
	} 
	.footer .bookmarks p span {
	    display: block;
	    float: left;
	    margin: 0 12px 0 0;
	} 
	.footer .bookmarks p a {
	    display: block;
	    float: left;
	    margin: -2px 8px 0 0;
	    position: relative; /* place on top -> IE */
	}
	
	/* -------------------------------------
	 * subnavigation + partners
	 * ------------------------------------- */ 
	.footer .subnavigation li, .footer .partners li {
	    border-right: 1px solid #6e6d6d;
	    padding: 0 0.7em 0.1em 0;
	    margin: 0 0.7em 0.4em 0;
	} 
	.footer .subnavigation li.last, 
	.footer .partners li.last {
	    /* last element */
	    border-right: 0;
	    padding-right: 0;
	    margin-right: 0;
	} 
	.footer .subnavigation li, 
	.footer .partners li {
	    position: relative; /* place on top -> IE */
	    display: block;
	    line-height: 0.85em;
	    text-decoration: none;
	    white-space: nowrap;
	}
	
	/* -------------------------------------
	 * subnavigation
	 * ------------------------------------- */
	.footer .subnavigation {
	    background: #f3f3f3 url(./../images/bgr_footer.png) repeat-x;
	    padding: 0.7em 10px 0.2em 10px;
	    margin: 0 0 15px 0;
	}
	
	/* -------------------------------------
	 * partners
	 * ------------------------------------- */ 
	.footer .partners {
	    padding: 0 10px;
	    color: #6e6d6d;
	} 
	.footer .partners li {
	    font-size: 0.92em; /* 11px */
	} 
	.footer .partners li a {
	    color: #6e6d6d !important;
	}
	
	/* -----------------------------------------------------------------------------------------
	 * columns
	 * ----------------------------------------------------------------------------------------- */
	/* rows */ 
	.row {
	    overflow: hidden;
	    margin-bottom: 10px;
	}
	.cols2 {
	} 
	.cols3 {
	} 
	.cols4 {
	    margin-right: -14px; /* float buffer */
	}
	
	/* columns */ 
	.col {
	    float: left;
	} 
	.cols2 .col {
	} 
	.cols3 .col {
	    width: 33%;
	} 
	.cols4 .col {
	    width: 191px;
	    margin-right: 14px;
	}
	
	/* -------------------------------------
	 * columns: box
	 * ------------------------------------- */
	/* rows */ 
	.box .row {
	    padding: 0 10px;
	    margin-right: -20px; /* float buffer */
	} 
	.box .row-grey {
	    background: #f3f3f3;
	    margin-bottom: 0; /* connect to following rounded corners */
	} 
	.box .row .row {
	    padding: 0;
	}
	
	/* columns */ 
	.box .col {
	    /* default col: full size */
	    width: 780px;
	} 
	.box .cols2 .col {
	    width: 390px;
	    margin-right: 0;
	} 
	.box .cols2-l .col1, 
	.box .cols2-r .col2 {
	    width: 260px;
	    margin-right: 0;
	} 
	.box .cols2-l .col2, 
	.box .cols2-r .col1, 
	.box .cols2-l .cols1 .col, 
	.box .cols2-r .cols1 .col {
	    width: 520px;
	    margin-right: 0;
	} 
	.box .cols3 .col, 
	.box .cols2-l .cols2 .col, 
	.box .cols2-r .cols2 .col {
	    width: 260px;
	    margin-right: 0;
	} 
	.box .cols4 .col, 
	.box .cols2 .cols2 .col {
	    width: 195px;
	    margin-right: 0;
	}
	
	/* column content */
	/* outer columns */ 
	.box .cols2 .col1 .col-content {
	    margin: 0 5px 0 0;
	} 
	.box .cols2-l .col1 .col-content, 
	.box .cols3 .col1 .col-content {
	    margin: 0 7px 0 0;
	} 
	.box .cols2-r .col1 .col-content {
	    margin: 0 3px 0 0;
	} 
	.box .cols4 .col1 .col-content {
	    margin: 0 8px 0 0;
	} 
	.box .cols4 .col2 .col-content {
	    margin: 0 5px 0 3px;
	} 
	.box .cols3 .col2 .col-content {
	    margin: 0 3px;
	} 
	.box .cols4 .col3 .col-content {
	    margin: 0 3px 0 5px;
	} 
	.box .cols4 .col4 .col-content {
	    margin: 0 0 0 8px;
	} 
	.box .cols2-l .col2 .col-content {
	    margin: 0 0 0 3px;
	} 
	.box .cols2-r .col2 .col-content, 
	.box .cols3 .col3 .col-content {
	    margin: 0 0 0 7px;
	} 
	.box .cols2 .col2 .col-content {
	    margin: 0 0 0 5px;
	}
	
	/* column content */
	/* inner columns */ 
	.box .cols2 .col1 .cols2 .col1 .col-content {
	    margin: 0 8px 0 0;
	} 
	.box .cols2 .col1 .cols2 .col2 .col-content {
	    margin: 0 5px 0 3px;
	} 
	.box .cols2 .col2 .cols2 .col1 .col-content {
	    margin: 0 3px 0 5px;
	} 
	.box .cols2 .col2 .cols2 .col2 .col-content {
	    margin: 0 0 0 8px;
	} 
	.box .cols2-r .col1 .cols2 .col1 .col-content {
	    margin: 0 7px 0 0;
	} 
	.box .cols2-r .col1 .cols2 .col2 .col-content, 
	.box .cols2-l .col2 .cols2 .col1 .col-content {
	    margin: 0 3px;
	} 
	.box .cols2-l .col2 .cols2 .col2 .col-content {
	    margin: 0 0 0 7px;
	}
	
	/* -------------------------------------
	 * columns: box 670
	 * ------------------------------------- */
	/* columns */ 
	.box-670 .col {
	    /* default col: full size */
	    width: 648px;
	}
	.box-670 .cols2 .col {
	    width: 324px;
	} 
	.box-670 .cols2-l .col1, 
	.box-670 .cols2-r .col2 {
	    width: 216px;
	} 
	.box-670 .cols2-l .col2, 
	.box-670 .cols2-r .col1, 
	.box-670 .cols2-l .cols1 .col, 
	.box-670 .cols2-r .cols1 .col {
	    width: 432px;
	} 
	.box-670 .cols3 .col, 
	.box-670 .cols2-l .cols2 .col, 
	.box-670 .cols2-r .cols2 .col {
	    width: 216px;
	} 
	.box-670 .cols4 .col, 
	.box-670 .cols2 .cols2 .col {
	    width: 162px;
	}
	
	/* column content */
	/* outer columns */ 
	.box-670 .cols2 .col1 .col-content {
	    margin: 0 5px 0 0;
	} 
	.box-670 .cols2-l .col1 .col-content, 
	.box-670 .cols3 .col1 .col-content {
	    margin: 0 7px 0 0;
	} 
	.box-670 .cols2-r .col1 .col-content {
	    margin: 0 3px 0 0;
	} 
	.box-670 .cols4 .col1 .col-content {
	    margin: 0 8px 0 0;
	} 
	.box-670 .cols4 .col2 .col-content {
	    margin: 0 5px 0 3px;
	}
	.box-670 .cols3 .col2 .col-content {
	    margin: 0 3px;
	} 
	.box-670 .cols4 .col3 .col-content {
	    margin: 0 3px 0 5px;
	} 
	.box-670 .cols4 .col4 .col-content {
	    margin: 0 0 0 8px;
	} 
	.box-670 .cols2-l .col2 .col-content {
	    margin: 0 0 0 3px;
	}
	.box-670 .cols2-r .col2 .col-content, 
	.box-670 .cols3 .col3 .col-content {
	    margin: 0 0 0 7px;
	} 
	.box-670 .cols2 .col2 .col-content {
	    margin: 0 0 0 5px;
	}
	
	/* column content */
	/* inner columns */ 
	.box-670 .cols2 .col1 .cols2 .col1 .col-content {
	    margin: 0 8px 0 0;
	} 
	.box-670 .cols2 .col1 .cols2 .col2 .col-content {
	    margin: 0 5px 0 3px;
	} 
	.box-670 .cols2 .col2 .cols2 .col1 .col-content {
	    margin: 0 3px 0 5px;
	} 
	.box-670 .cols2 .col2 .cols2 .col2 .col-content {
	    margin: 0 0 0 8px;
	} 
	.box-670 .cols2-r .col1 .cols2 .col1 .col-content {
	    margin: 0 7px 0 0;
	} 
	.box-670 .cols2-r .col1 .cols2 .col2 .col-content, 
	.box-670 .cols2-l .col2 .cols2 .col1 .col-content {
	    margin: 0 3px;
	} 
	.box-670 .cols2-l .col2 .cols2 .col2 .col-content {
	    margin: 0 0 0 7px;
	} 
	.separator {
	    border-top: 1px solid #999;
	    height: 1px;
	    overflow: hidden;
	    margin: 0 10px 10px 10px;
	} 
	.separator.dots {
	    border-top: 1px dotted #999 !important;
	} 
	.separator.line {
	    border-top: none;
	    background: url(../images/bg_content_headlines.png) 0 -28px repeat-x;
	    height: 3px;
	} 
	.separator.blank {
	    border-top: none;
	} 
	.separator hr {
	    /* hide on screen but make available for screenreaders */
	    position: absolute !important;
	    left: -999em !important;
	    width: 10px !important;
	    height: 10px !important;
	    overflow: hidden !important;
	}
	
	/* =========================================================================================
	 * navigation
	 * ----------------------------------------------------------------------------------------- */ 
	 .navigation {
	    position: absolute;
	    top: 88px; /* 78px header + 10px padding from site container */
	    right: 18px; /* 8px header + 10px padding from site container */
	    width: 530px;
	    height: 32px;
	    z-index: 2000;
	}
	
	/* -----------------------------------------------------------------------------------------
	 * meta navigation (help, sitemap, language)
	 * ----------------------------------------------------------------------------------------- */ 
	 .meta {
	    position: absolute;
	    top: 20px;
	    right: 20px;
	    z-index: 3000;
	    width: 400px;
	    text-align: right;
	} 
	.meta ul {
	    display: block;
	    margin: 0;
	    padding: 0;
	} 
	.meta ul li {
	    display: block;
	    float: right;
	    text-align: left;
	    margin: 0 0 0 1em;
	    padding: 0;
	    color: #666;
	    list-style-type: none;
	} 
	.meta ul li a {
	    display: block;
	    position: relative; /* make parent */
	    color: #666;
	    text-decoration: none;
	} 
	.meta ul li a strong {
	    font-weight: normal;
	} 
	.meta ul li a:hover, 
	.meta ul li a:focus {
	    color: #ee6002; /* orange */
	    text-decoration: none;
	} 
	.meta ul li a i {
	    display: block;
	    float: left;
	    width: 15px;
	    height: 11px;
	    overflow: hidden;
	    background: url(./../images/icons/flags.gif) no-repeat;
	    margin: 2px 5px 0 0;
	    position: relative; /* place on top -> IE */
	}
	@media aural {
	    /* hide for screenreaders */ 
		.meta ul li a i {
	        display: none !important;
	        visibility: hidden !important;
		}
	}
	
	/* -------------------------------------
	 * language
	 * ------------------------------------- */
	/* layer 1 */ 
	.meta ul li.language {
	    position: relative;
	    top: -2px; /* balance */
	    padding: 1px; /* leave space for borders */
	} 
	.meta ul li.language a {
	    background: #fff url(./../images/icons/pulldown.gif) right -1px no-repeat;
	    width: 8em;
	    padding: 2px 8px;
	}
	
	/* layer 2 */ 
	.meta ul li.language:hover, 
	.meta ul li.language:focus {
	    top: -5px; /* compensate padding +3px */
	    border: 1px solid #c6c5c5;
	    padding: 0;
	} 
	.meta ul li.language:hover a, 
	.meta ul li.language:focus a {
	    padding: 5px 8px; /* expand element on hover */
	    background-position: right 2px;
	} 
	.meta ul li.language .sub {
	    display: none;
	    background: #fff;
	    padding: 0 0 4px 0;
	} 
	.meta ul li.language:hover .sub, 
	.meta ul li.language:focus .sub {
	    display: block;
	} 
	.meta ul li.language ul li {
	    top: 0;
	    float: none;
	    margin: 0;
	    padding: 0;
	} 
	.meta ul li.language ul li a {
	    background: #fff;
	    padding: 1px 8px !important;
	}
	
	/* top padajuci menu prijavi se */ 
	.meta ul li a.de i {
	    background-position: 0 0;
	} 
	.meta ul li a.es i {
	    background-position: -15px 0;
	} 
	
	.meta ul li a.en i {
	    background-position: -15px -11px;
	} 
	
	.meta ul li a.fr i {
	    background-position: 0 -11px;
	}
	/*.meta ul li a.it i {
	    background-position: 0 -22px;
	} 
	
	.meta ul li a.fr i {
	    background-position: 0 -11px;
	} 
	
	.meta ul li a.pl i {
	    background-position: -15px -22px;
	} 
	.meta ul li a.ru i {
	    background-position: 0 -33px;
	} 
	.meta ul li a.cz i {
	    background-position: -15px -33px;
	}
	.meta ul li a.ro i {
	    background-position: 0 -44px;
	}*/
	
	/* -----------------------------------------------------------------------------------------
	 * ads
	 * ----------------------------------------------------------------------------------------- */
	/* leaderboard */ 
	#adspace .leaderboard {
	    width: 728px !important;
	    height: 90px !important;
	    margin: 0 0 0 32px !important;
	    padding: 0 !important;
	    display: block !important;
	    border: 0 !important;
	    text-decoration: none !important;
	} 
	#adspace .leaderboard.wallpaper {
	    margin-left: 98px !important;
	}
	
	/* wide-skyscraper */ 
	#adspace .wide-skyscraper {
	    width: 160px !important;
	    height: 600px !important;
	    margin: 0 !important;
	    padding: 0 !important;
	    display: block !important;
	    border: 0 !important;
	    text-decoration: none !important;
	    position: absolute;
	    left: 826px !important;
	} 
	#adspace .wide-skyscraper.wallpaper {
	    top: 0;
	}
	
	/* cms-content pages: skyscraper */ 
	#adspace.content-skyscraper {
	    width: 120px !important;
	    height: 600px !important;
	    margin: 0 !important;
	    padding: 0 !important;
	    display: block !important;
	    border: 0 !important;
	    text-decoration: none !important;
	    position: absolute !important;
	    left: 826px !important;
	    top: 160px !important;
	}
	
	/* =========================================================================================
	 .button               (default)
	 .button .orange
	 .button .grey-arrow
	 */ 
	.button {
	    display: block;
	    float: left;
	    overflow: hidden;
	    background: #fff url(./../images/bgr_button.png) 0 bottom repeat-x;
	    text-decoration: none;
	    color: #2d2d2d;
	    cursor: pointer;
	} 
	.button i {
	    display: block;
	    background: url(./../images/bgr_button_tl.png) top left no-repeat;
	} 
	.button i i {
	    background: url(./../images/bgr_button_tr.png) top right no-repeat;
	} 
	.button i i i {
	    background: url(./../images/bgr_button_bl.png) bottom left no-repeat;
	} 
	.button i i i i {
	    background: url(./../images/bgr_button_br.png) bottom right no-repeat;
	} 
	.button.orange i {
	    background: url(./../images/bgr_button_or_tl.png) top left no-repeat;
	} 
	.button.orange i i {
	    background: url(./../images/bgr_button_or_tr.png) top right no-repeat;
	} 
	.button.orange i i i {
	    background: url(./../images/bgr_button_or_bl.png) bottom left no-repeat;
	} 
	.button.orange i i i i {
	    background: url(./../images/bgr_button_or_br.png) bottom right no-repeat;
	} 
	.button input, 
	.button em {
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 100%;
	    font-style: normal;
	    width: 1; /* DO _NOT_ ADD "px" OR WHATEVER !!!!!!!!!!!!!!!!!!!!!! */
	    display: block;
	    overflow: hidden;
	    border: 0;
	    background: none;
	    padding: 4px 10px;
	    margin: 0;
	    cursor: pointer;
	} 
	.button.orange input, 
	.button.orange em {
	    background: url(./../images/bgr_button_or_arrow.png) center right no-repeat !important;
	} 
	.button.grey-arrow input, 
	.button.grey-arrow em {
	    background: url(./../images/bgr_button_ga_arrow.png) center right no-repeat !important;
	    margin-right: 5px;
	} 
	.button input {
	    width: auto;
	    overflow: visible;
	    padding: 3px 6px;
	} 
	.button.orange input {
	    padding-right: 21px;
	} 
	.button.grey-arrow input {
	    padding-right: 16px;
	} 
	.button.orange em {
	    padding-right: 26px;
	} 
	.button.grey-arrow em {
	    padding-right: 21px;
	} 
	.button.orange input, 
	.button.orange em {
	    font-weight: bold;
	    text-align: center;
	} 
	.button:hover *, 
	.button:focus * {
	    color: #ee6002; /* orange */
	}
	
	/* -----------------------------------------------------------------------------------------
	 * inner content
	 * ----------------------------------------------------------------------------------------- */ 
	.box {
	    border-left: 2px solid #bfbfbf;
	    border-right: 2px solid #bfbfbf;
	    margin: 0 0 10px 0;
	} 
	.box-670 {
	    width: 666px; /* 670 - border */
	} 
	.box-content {
	    overflow: hidden;
	    /* margin: 0 0 20px 0; */
	}
	
	.contentBoxHeader img.placeImage {
		padding:0;
		margin:0 0 0 0;
		position:absolute;
		right:0;
		bottom:11px;
	}
	
	.contentBox ul {
		margin-bottom: 0;
	}
	
	/* rounded corners */ 
	.box .rc-t {
	    display: block;
	    height: 10px;
	    background: url(./../images/bgr_content_rc.png) 0 -10px no-repeat;
	    margin: 0 -2px;
	    overflow: hidden;
	} 
	.box .rc-b {
	    display: block;
	    height: 10px;
	    background: #fff url(./../images/bgr_content_rc.png) 0 -20px no-repeat;
	    margin: -20px -2px 0 -2px; /* -20px -> crop grey content box */
	    overflow: hidden;
	} 
	.box.grey .rc-t {
	    background-position: 0 -220px;
	} 
	.box.grey .rc-b {
	    background-position: 0 -230px;
	} 
	.box .rc-t.rc-tabs {
	    background-position: 0 0;
	} 
	.box.rc-grey .rc-b {
	    background-position: 0 -40px;
	} 
	.box-670 .rc-t {
	    background-position: 0 -60px;
	} 
	.box-670 .rc-b {
	    background-position: 0 -70px;
	} 
	.box-670 .rc-t.rc-tabs {
	    background-position: 0 -50px;
	} 
	.box-670.rc-grey .rc-t {
	    background-position: 0 -80px;
	} 
	.box-670.rc-grey .rc-b {
	    background-position: 0 -90px;
	} 
	.box.thin-border-grey {
	    background-color: #FAFAFA;
	    border-left: 1px solid #BFBFBF;
	    border-right: 1px solid #BFBFBF;
	} 
	.box.thin-border-grey .rc-t {
	    background: url(./../images/bgr_content_thin_rc.png) 1px 0 no-repeat;
	    height: 5px;
	} 
	.box.thin-border-grey .rc-b {
	    background: url(./../images/bgr_content_thin_rc.png) 1px -5px no-repeat;
	    height: 5px;
	}
	
	/* -------------------------------------
	 * contentTeaser
	 * ------------------------------------- */ 
	 .contentBoxHeader {
	    background: url(./../images/onsiteBorder.gif) repeat-x;
	    background-position: left bottom;
	    display: block;
	    margin-bottom: 11px;
	    padding-bottom: 13px;
	    height: 42px;
	    position: relative;
	} 
	.contentBoxHeader .headlineWrapper {
	    position: absolute;
	    bottom: 11px; /* bottom margin of parent */
	    left: 0;
	} 
	.contentBoxHeader .subheadline {
	    color: #666666;
	    display: block;
	    text-decoration: none;
	} 
	.contentBoxHeader .headline {
	    color: #2d2d2d;
	    font-size: 129%;
	    font-weight: normal;
	    text-transform: uppercase;
	}
	
	a.headline {
	    color: #2d2d2d !important; /* use !important because of CSS specificiy */
	    text-decoration: none;
	}
	
	a:hover.headline, a:focus.headline {
	    color: #ee6002 !important; /* orange */
	    text-decoration: none !important;
	} 
	.contentBoxHeader img.placeImage {
	    padding: 0;
	    margin: 0 0 0 0;
	    position: absolute;
	    right: 0;
	    bottom: 11px;
	} 
	.contentBox ul {
	    margin-bottom: 0;
	} 
	.contentBox li {
	    display: block;
	    margin: 0;
	    padding: 0;
	    list-style-type: none;
	}
	
	a:hover .contentBox, 
	a:focus .contentBox {
	    color: #ee6002 !important; /* orange */
	    text-decoration: underline !important;
	} 
	.contentBox img.placeImage {
	    float: right;
	    padding: 0;
	    margin: 0 0 0 0;
	    position: relative;
	    right: 0;
	} 
	.contentBoxFooter {
	    height: 3px;
	    width: 100%;
	    padding: 0 0 5px 0;
	    margin: 0 0 0 0;
	}
	
	a.contentLink {
	    color: #2d2d2d !important; /* use !important because of CSS specificiy */
	    text-decoration: underline;
	}
	
	a:hover.contentLink, 
	a:focus.contentLink {
	    color: #ee6002 !important; /* orange */
	    text-decoration: underline !important;
	}
	
	a.infoLinkNext {
	    background-image: url(../images/icons/link_arrow.gif);
	    background-repeat: no-repeat;
	    background-position: right 4px;
	    padding-right: 20px;
	    color: #2d2d2d;
	    text-decoration: none;
	}
	
	a:hover.infoLinkNext, 
	a:focus.infoLinkNext {
	    color: #ee6002 !important; /* orange */
	    text-decoration: underline !important;
	}
	
	a.infoLinkPrevious {
	    background-image: url(../images/icons/link_arrow_reverse.gif);
	    background-repeat: no-repeat;
	    background-position: left 4px;
	    padding-left: 10px;
	    color: #2d2d2d;
	    text-decoration: none;
	}
	
	a:hover.infoLinkPrevious, 
	a:focus.infoLinkPrevious {
	    color: #ee6002 !important; /* orange */
	    text-decoration: underline !important;
	}
	
	/*title*/
	span.infoLinkTitle {

		background-image:url(../images/icons/link_arrow.gif);
		background-repeat:no-repeat;
		background-position:left 4px;
		padding-left:10px;
		color:#2d2d2d;
		text-decoration: none;
		vertical-align:top;
		width:290px;
		max-width:290px;
		display:block;
	}
	
	span.infoLinkTitle a {
	    color:#2d2d2d;
		text-decoration: none;}
	span.infoLinkTitle a:hover,
	span.infoLinkTitle a:focus 
	{
        color: #ee6002 !important; /* orange */
		text-decoration: underline !important;
	}
	/*title*/
	
	a.infoLink,
	a.backLink,
	span.infoLink {
		background-image:url(../images/icons/link_arrow.gif);
		background-repeat:no-repeat;
		background-position:left 4px;
		padding-left:10px;
		color:#2d2d2d;
		text-decoration: none;
	}
	a.backLink {
		background: url(../images/icons/link_arrow_reverse.gif) left 4px no-repeat;
	}
	
	a:hover.backLink,
	a:focus.backLink,
	a:hover.infoLink,
	a:focus.infoLink,
	a:hover.infoLink .priceBlackBold,
	a:focus.infoLink .priceBlackBold,
	a:hover.infoLink .priceGrayBold,
	a:focus.infoLink .priceGrayBold,
	span:hover.infoLink,
	span:focus.infoLink,
	.infoBox a.lbOn:hover {
		color: #ee6002 !important; /* orange */
		text-decoration: underline !important;
	}
	
	a.backLink {
	    background: url(../images/icons/link_arrow_reverse.gif) left 4px no-repeat;
	}
	
	a:hover.backLink, 
	a:focus.backLink, 
	a:hover.infoLink, 
	a:focus.infoLink,
	span:hover.infoLink, 
	span:hover.infoLinkTitle, 
	span:focus.infoLinkTitle, 
	.infoBox a.lbOn:hover {
	    color: #ee6002 !important; /* orange */
	    text-decoration: underline !important;
	}
	
	a.infoLinkBlock {
	    background-image: url(../images/icons/link_arrow.gif);
	    background-repeat: no-repeat;
	    background-position: left 9px;
	    padding-left: 10px;
	    padding-top: 5px;
	    display: block;
	    color: #2d2d2d;
	    text-decoration: none;
	    float: left;
	}
	
	a:hover.infoLinkBlock, 
	a:focus.infoLinkBlock {
	    color: #ee6002 !important; /* orange */
	    text-decoration: underline !important;
	}
	
	a.subtextLink {
	    color: #6e6d6d !important; /* use !important because of CSS specificiy */
	    text-decoration: underline !important;
	}
	
	a:hover.subtextLink, 
	a:focus.subtextLink {
	    color: #ee6002 !important; /* orange */
	    text-decoration: underline !important;
	}
	
	span.infoLinkBlock {
	    background-image: url(../images/icons/link_arrow.gif);
	    background-repeat: no-repeat;
	    background-position: left 4px;
	    padding-left: 10px;
	    display: block;
	    color: #6E6E6E;
	    float: left;
	}
	
	/* -------------------------------------
	 * info icons & boxes
	 * ------------------------------------- */
	img.infoIcon {
	    width: 10px;
	    height: 10px;
	} 
	img.infoIconSort {
	    width: 6px;
	    height: 12px;
	} 
	.infoBoxWrapper {
	    position: absolute;
	    z-index: 3000;
	} 
	.infoBoxWrapper .shadow {
	    position: absolute;
	    left: 2px;
	    top: 2px;
	    width: 100%;
	    height: 100%;
	    background-color: black;
	    opacity: 0.5;
	    -moz-border-radius: 1px;
	} 
	.infoBox {
	    position: relative;
	    padding: 8px 27px 15px 29px;
	    width: 261px;
	    border: 1px solid #e2e2e2;
	    background-color: white;
	    color: #2d2d2d;
	} 
	.infoBox h4 {
	    margin: 0 0 5px 0;
	    font-weight: bold;
	    color: #ee6002; /* orange */
	} 
	.infoBox a.lbOn {
	    line-height: 180%;
	    text-decoration: none;
	    display: block;
	    padding-left: 10px;
	    margin: 5px 0;
	    color: #2d2d2d;
	    background: url(../images/icons/link_arrow.gif) 0 7px no-repeat;
	} 
	.infoBox .content {
	    line-height: 150%;
	} 
	.infoBox .close {
	    position: absolute;
	    top: 10px;
	    right: 10px;
	} 
	.infoBox .close:hover {
	    text-decoration: none;
	    color: #ee6002; /* orange */
	} 
	.infoBox .infoIcon {
	    position: absolute;
	    top: 10px;
	    left: 10px;
	    width: 10px;
	    height: 10px;
	    background-image: url(../images/icons/info_orange.gif);
	    background-repeat: no-repeat;
	} 
	.infoBoxWrapper .bottom .infoIcon {
	    top: auto;
	    bottom: 10px;
	}
	
	
	/*	.infoBoxWrapper .right .infoIcon {
	 left: auto;
	 right: 10px;
	 }
	 
	 .infoBoxWrapper .right .close {
	 right: auto;
	 left: 10px;
	 }*/
	  
	 
	 .infoBoxContent {
	    display: none;
	}
	
	/* -------------------------------------
	 * breadcrumbs
	 * ------------------------------------- */ 
	.breadcrumbs {
	    margin: 4px 0 15px 0;
	    overflow: hidden;
	} 
	.breadcrumbs ul {
	    margin: 0;
	    list-style-type: none;
	    color: #6E6D6D;
	    overflow: hidden;
	} 
	.breadcrumbs li {
	    display: inline;
	    margin: 0;
	    padding: 0 5px 0 0;
	    float: left;
	    white-space: nowrap;
	} 
	.breadcrumbs a {
	    background: transparent url(./../images/bread_crumb.gif) no-repeat right center;
	    padding: 0 10px 0 0;
	    text-decoration: none;
	    color: #6E6D6D;
	} 
	.breadcrumbs a:hover, 
	.breadcrumbs a:focus {
	    color: #ee6002;
	}
	
	/* -----------------------------------------------------------------------------------------
	 * content tabs
	 * ----------------------------------------------------------------------------------------- */ 
	.content .tabs {
		width: 55em;
	    margin: 0 -30px -2px 0;
	    height: 36px;
	    overflow: hidden;
	    position: relative; /* place on top */
	    z-index: 400;
	} 
	.content .tabs ul {
	    margin: 0;
	    padding: 0;
	} 
	.content .tabs ul li {
	    display: block;
	    float: left;
	    margin: 0 -1px 0 0;
	    padding: 0;
	    height: 36px;
	} 
	.content .tabs ul li a {
	    display: block;
	    float: left;
	    height: 30px;
	    background-image: url(./../images/bgr_tabs.png);
	    background-position: right top;
	    background-repeat: no-repeat;
	    margin: 6px 0 0 0;
	    text-decoration: none;
	    color: #2d2d2d;
	    cursor: pointer;
	} 
	.content .tabs ul li a:hover, 
	div.content .tabs ul li a:focus {
	    color: #ee6002; /* orange */
	} 
	.content .tabs ul li a h2 {
	    display: block;
	    height: 22px; /* 30 - padding */
	    background-image: url(./../images/bgr_tabs.png);
	    background-position: left top;
	    background-repeat: no-repeat;
	    margin: 0 7px 0 0;
	    padding: 8px 13px 0 20px;
	    font-size: 100%;
	    font-weight: normal;
	}
	
	/* active tab */ 
	.content .tabs ul li.act {
	    margin-right: -8px;
	    position: relative; /* place on top */
	} 
	.content .tabs ul li.act a {
	    height: 36px;
	    margin: 0;
	    font-weight: bold;
	    background-position: right -102px;
	} 
	.content .tabs ul li.act a h2 {
	    color: #ee6002 !important;
	    height: 23px; /* 36 - padding */
	    margin-right: 14px;
	    padding-top: 13px; /* place 1px above other tabs */
	    background-position: left -102px;
	} 
	.content .tabs ul li.last.act a {
	    background-position: right -138px;
	} 
	.content .tabs ul li.last.act a h2 {
	    margin-right: 8px;
	    background-position: left -138px;
	}
	
	/* -------------------------------------
	 * error-box
	 * ------------------------------------- */ 
	 .error-box {
	    border: 1px solid red;
	    padding: 10px;
	    margin-bottom: 10px;
	    font-weight: bold;
	    color: red;
	    text-align: left;
	}
	
	/* -------------------------------------
	 * v-styles
	 * ------------------------------------- */ 
	 .vlink {
	    color: #2d2d2d;
	    text-decoration: none;
	} 
	.vtitle h3 {
	    font-weight: bold;
	    font-size: 1.3em;
	    padding-bottom: 0px;
	    margin: 0 0 6px 0;
	}
	
	/* -------------------------------------
	 * error-box NEW
	 * ------------------------------------- */ 
	.errorMessage, 
	.informationBox {
	    background: url(../images/bg_errorbox.png) 0 0 no-repeat;
	    margin: 10px 0 10px 0;
	    width: 85%;
	    min-height: 41px;
	    height: auto !important;
	    height: 41px;
	    font-weight: bold;
	    color: #FF0000;
	    border: none;
	    position: relative;
	} 
	.informationBox {
	    background-image: url(../images/bg_informationbox.png);
	    color: #999;
	} 
	.errorMessage div, 
	.informationBox div {
	    padding: 20px 0 15px 65px;
	    margin: 0;
	} 
	.informationBox.kijijiLogin div {
	    padding: 15px 60px 25px 65px;
	    margin: 0;
	} 	
	.errorMessage div.errorMessageBottom, 
	.informationBox div.informationBoxBottom {
	    background: url(../images/bg_errorbox_bottom.jpg) 0 0 no-repeat;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    width: 10px;
	    margin: 0;
	    padding: 0 !important;
	    height: 7px;
	    overflow: hidden;
	} 
	.informationBox div.informationBoxBottom {
	    background-image: url(../images/bg_informationbox_bottom.png);
	}
	
	input.text.error {
	    background-color: #f07d7f;
	}
	
	input.error, select.error {
	    background: #f07d7f;
	}
	
	/*================================== Cijene ==================================*/
	
	span.priceBlackBold {
	    color: #000;
	    font-weight:bold;
	    white-space: nowrap;
	}
	
	span.priceGrayBold {
	    color: #969696;
	    font-weight:bold;
	    white-space: nowrap;
	}
	
	span.priceOrangeBold {
	    color: #FF6600;
	    font-weight:bold;
	    white-space: nowrap;
	}
	
	span.priceBlack {
	    color: #000;
	    white-space: nowrap;
	}
	
	span.priceGray {
	    color: #6E6E6E;
	    white-space: nowrap;
	}
	
	span.priceOrange {
	    color: #FF6600;
	    white-space: nowrap;
	}
	span.priceBlackBold {
	    color: #000;
	    font-weight:bold;
	    white-space: nowrap;
	}
	
	span.priceLightOrange {
		color: #FFAA00;
		white-space: nowrap;
	}
	span.priceLightOrangeBold {
		color: #FFAA00;
		font-weight:bold;
		white-space: nowrap;
	}

/*NOVI OGLASI*/

    div.recentlyAdvertised {margin-top:10px; margin-bottom:10px; width:202px; max-height:215px; height:215px; white-space:nowrap; background:#FFFFFF}
	div.recentlyAdvertised a.contentLink {

	    text-decoration: none !important;

	}

	

	div.recentlyAdvertised a.contentLink:hover, 

	div.recentlyAdvertised a.contentLink:focus {

	    text-decoration: none !important;

	}

	
	div.recentlyAdvertised ul {

	    width: 100%;

	    list-style: none;

	    margin: 0;

	    padding: 0;

	}

	

	div.recentlyAdvertised ul li {

	    margin: 5px 0 5px 0;

	    padding: 0 10px 0 5px;

	    background-image: url(../images/icons/link_arrow.gif);

	    background-repeat: no-repeat;

	    background-position: right 3px;

	    height: 47px;

	    overflow: hidden;

	    border-bottom: 1px dotted gray;

	}

	

	div.recentlyAdvertised a span {

	    float: left;
	    padding-left: 10px;
		padding-top: 5px;

	}

	

	div.recentlyAdvertised a img {

	    float: left;

	    width: 60px;

	}

/* LISTING BROWSE PAGE NAVIGATION WIDGET 'next_prev()'display stuff  */

.browse_tool_table {
	width:100%;
}

.browse_tool {

	text-decoration: none;
	color: black;

}

.browse_tool_num {

	color: #000;

}

.browse_tool_button A {

	/*background-color: #ff691f;*/ background-color: transparent;
	text-align: center;
	font-weight: bolder;
	text-decoration: none;
	color: #000;
	width: 50px;
	height: 20px;
	display: block;
	vertical-align: bottom;

}

.browse_tool_button A:visited {

	color: #000;

}

.browse_tool_button A:hover {

	color: #fff;
	background-color:#ff691f;
	width: 50px;
	height: 20px;

}

.browse_tool_ghost {

	color: #aaaaaa;
	text-decoration: none;

}

.browse_tool_curpage {

	BACKGROUND-COLOR: #ff691f;
	color: #fff;
	width: 24px;
	height: 20px;
	display: block;
	text-align: center;

}

.bt_pages{


	text-decoration: underline;
	vertical-align: middle;
	color:	#000000;
	}
	
.bt_pages_strelice  {
    text-decoration: none;
	color:	#000000;
	font-size: 13px;
	}

.bt_pages_ghost {

	color:	#aaaaaa;
	text-decoration:none;
}

A.bt_pages, A.bt_pages_strelice_a {

	color:	#000;
	width: 24px;
	height: 20px;
	display: block;
	text-align: center;

}

A.bt_pages:visited, A.bt_pages_strelice_a:visited {

	color: #000000;

}

A.bt_pages:hover, A.bt_pages_strelice_a:hover {

	color:#FFFFFF;
	background: #ff691f;

}

/*registracija agenta*/
body.ses div.page form.registracijaform {
margin:10px 0 10px 0;
border: 1px solid #CCCCCC;
padding: 20px;
}

body.ses div.page p.nedozvoljenpristup {
margin:10px 0 0 0;
border:solid 1px #cccccc;;
border-bottom:0px !important;
padding: 20px;
}

body.ses div.page form.nedozvoljenpristupregistracija {
margin:0;
border:solid 1px #cccccc;;
border-top:0px !important;
border-bottom:0px !important;
padding: 20px;
padding-top:0px !important;
}

body.ses div.page form.nedozvoljenpristupnovalozinka {
margin:0;
border:solid 1px #cccccc;;
border-top:0px !important;
padding: 20px;
padding-top:0px !important;
}


body.ses div.page form.registracijaform h3 {
margin: 0 0 10px 0;
padding:0px;
font-size: 150%;
font-weight: normal;
color: #FF6600;
float: left;
width: auto;
}

body.ses div.page form.registracijaform input[type = text ], body.ses div.page form.registracijaform input[type = password ] {
width:200px !important
}	

body.ses div.page form.registracijaform select {
width:202px !important
}	

body.ses div.page form.registracijaform input[type = submit]   {

	    display: block;
	    overflow: hidden;
        background: url(./../images/custom_buton_orange_110x22.png) center right no-repeat !important;
        width:114px;
		border:0px;
		height:26px;
		margin-left:13px;
	    text-decoration: none;
	    color: #2d2d2d;
	    cursor: pointer;
		font-weight:bold;
		font-size:13px;
	}
	
body.ses div.page form.nedozvoljenpristupregistracija input[type = submit], body.ses div.page form.nedozvoljenpristupnovalozinka input[type = submit]   {

	    display: block;
	    overflow: hidden;
        background: url(./../images/custom_buton_orange_110x22.png) center right no-repeat !important;
        width:114px;
		border:0px;
		height:26px;
/*		margin-left:13px;*/
	    text-decoration: none;
	    color: #2d2d2d;
	    cursor: pointer;
		font-weight:bold;
		font-size:13px;
	}	
	
	body.ses div.page form.nedozvoljenpristupnovalozinka input[type = submit]   {

	 margin-left:110px !important;
	}	
	
	body.ses div.page form.nedozvoljenpristupnovalozinka input[type = text]   {

	 margin-left:93px !important;
	 margin-top:10px;
	 margin-bottom:10px;
	}
	
a.infoLinkBlockDetaljna {

	    background-image: url(../images/icons/link_arrow.gif);
	    background-repeat: no-repeat;
	    background-position: left 9px;
	    padding-left: 10px;
	    padding-top: 5px;
	    display: block;
	    color: #2d2d2d;
	    text-decoration: none;
	    float: left;

	}
	
.tipSpan { display:none}