/*    AUTOCLIPS: base.css
-----------------------------------------------------*/

@import url(reset.css);


.translation0, .translation1, .translation-path{
    background-color: yellow;
}

/*    =COMMON
-----------------------------------------------------*/
body {
    font-size: 62.5%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: url(../images/background.gif) repeat-x #ECF0F3;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

.loading {
    background: url(../images/loading.gif) no-repeat center center;
}

img.img_left {
    float: left;
    margin: 0 10px 10px 0;
}

img.img_right {
    float: right;
    margin: 0 0 10px 10px;
}

.dots_vertical {
    background: url(../images/dots_vertical.jpg) repeat-y;
}

.dots_horizontal {
    background: url(../images/dots_horizontal.jpg) repeat-x;
    margin: 2px;
}


/*    =CONTAINER
-----------------------------------------------------*/
#container {
    width: 820px;
    margin: 0px 0 0 10px;
    background-color: #FFF;
    /*position: absolute;*/
    top: 0px;
    margin-left: 37px;
}

#commercial {
    position: absolute;
    left: 830px;
}

/*    =HEAD
-----------------------------------------------------*/
#head {
    position: relative;
    height: 115px;
    background-color: #FFF;
}

.head {
    height: 74px;
}

/*    =LOGO
-----------------------------------------------------*/
#logo {
    position: absolute;
    left: 0px;
    bottom: 6px;
    display: block;
}

/*    =SEARCH
-----------------------------------------------------*/
#search { /* ie6 */
    position: absolute;
    right: -1px;
    bottom: 0px;
    text-align: right;
    padding: 10px;
    padding-left: 20px;
    margin-right: 1px;
    background: url(../images/search_top_bg.gif) #DAE9F4 no-repeat;
}

#search legend, #search label {
    display: none;
}

#search input {
    font-size: 1.2em;
    padding: 2px;
    background: #fff;
	border: 1px solid #ccc;
}

#search input.submit {
	border-top: 1px solid #fff;
    border-left: 1px solid #fff;
	background: #f3f3f3;
}

/*    =NAV
-----------------------------------------------------*/

#nav {
    display: box;
    height: 32px;
    background: #DAE9F4;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: -0.5px
}

#nav ul {
    list-style: none;
    margin-top: 0px;
    background: #DAE9F4;
    padding: 0;
    float: left;
}

#nav li {
    margin: 0;
    float: left;
}

#nav li a {
    display: block;
    padding: 10px;
    background: #DAE9F4;
    text-decoration: none;
    color: #4d90be;
}

#nav li a:hover {
    color: #FFF;
    background: #2E89C7;
    display: block;
}

#nav #selected  {
    color: #FFF;
    background: #2E89C7;
    display: block;
}

#nav #menu_white  {
    color: #4d90be;
    background: #FFF;
    display: block;
}


/*    =USER_NAV
-----------------------------------------------------*/
#nav #user_nav {
    float: right;
    margin-top: 10px;
    margin-right: 8px;
}

#user_nav ul {
}

#user_nav ul {
    list-style: none;
    margin-top: 0px;
    background: #DAE9F4;
    padding: 0;
    float: left;
}

#user_nav li {
    margin: 0;
    float: left;
    font-size: 0.9em;
    text-transform: capitalize;
    padding: 0px 0px 0px 2px;
    background: url(../images/user_nav_d.gif) no-repeat 1px 4px;
}

#user_nav .first {
    background: none;
}

#user_nav li a {
    display: block;
    padding: 5px;
    background: #DAE9F4;
    text-decoration: underline;
    color: #4d90be;
}

#user_nav li a:hover, #user_nav li.selected {
    color: #FFF;
    background: #DAE9F4;
    display: block;
}


/*    =CONTENT
-----------------------------------------------------*/
#content {
    margin: 20px 15px 40px 0px;
    color: #606060;
    line-height: 1.3em;
    float: left;
    /*width: 100%;*/
}

#content h1 {
    font-size: 1.6em;
    color: #606060;
    font-weight: bold;
    margin: 0 0 1.5em 0;
}

#content h2 {
    font-size: 1.2em;
    color: #f58428;
    font-weight: bold;
    margin: 0 0 2em 10px;
}

#content h3 {
    font-size: 1.35em;
    color: #f58428;
    font-weight: bold;
    margin: 0 0 5px 0;
}

#content a {
    color: #4d90be;
}

#content a:hover, #content a:focus {
    text-decoration: none;
}

/*    =GALLERY
-----------------------------------------------------*/

#video_play {
    width: 450px;
    float: left;
    background: url(../images/round_l_2.gif) no-repeat;
    padding: 0 20px;
}

#video_select {
    width: 310px;    
    height: 800px;
    float: right;
    position: relative;
    background: url(../images/round_r_1.gif) no-repeat top right;
    /*margin-top: -10px;*/
}

#content_info_left a, #content_info_right a{
    font-weight: 700;
    font-size: 1.2em;
    text-decoration: none;
}



/*    =ROUND_L
      =ROUND_R
-----------------------------------------------------*/
.round_r {
    background: url(../images/round_r.gif) no-repeat right 2em;
    margin-bottom: 50px;
    position: relative;
    align: left;
}

.round_l {
    background: url(../images/round_l_2.gif) no-repeat left 2em;
    margin-bottom: 50px;
    position: relative;
    align: left;
}

.round_br {
    background: url(../images/round_br.gif) no-repeat right bottom;
    margin-bottom: 50px;
    position: relative;
    align: left;
}

/*    =HIGHEST_RATED
-----------------------------------------------------*/
#highest_rated {
    width: 450px;
    height: 340px;
    float: left;
    background-image: url(../images/round_l_2.gif);
}

#highest_rated p {
    margin: 5px 0;
}

#highest_rated li .type {
    position: relative;
    float: right;
    margin: 0px 10px 0px 0px;
}

#highest_rated #video_link a.link_off, a.link_on{
    text-decoration: underline;
}

#highest_rated #video_link a.link_off {
    color: #f58428;
    text-decoration: none;
}

#highest_rated h3 {
    line-height:17px;
}

/*    =LATEST_ARTICLES
-----------------------------------------------------*/
#latest_articles {
    width: 450px;
    float: left;
    background-image: url(../images/round_l_2.gif);
}

#latest_articles ul {
    clear: both;
    float: left;
    margin: 10px 0px 0px 0px;
    width: 100%;
    padding-bottom: 20px;
}

#latest_articles li {
    float: left;
    /*margin: 0 5% 0 0;*/
}

#latest_articles li a.selected {
    font-weight: bold;
}

#latest_articles li a {
    color: #4d90be;
    text-decoration: underline;
}

#latest_articles li a:hover {
    color: #4d90be;
    text-decoration: none;
}

#latest_articles .preview {
    clear: both;
    padding: 30px 0 0 0;
    background: url(../images/dotted.gif) repeat-x 0 15px;
}

#latest_articles .preview li, #latest_articles .preview ul {
    float: none;
    width: 100%;
}

#latest_articles .preview li a {
    color: #4d90be;
    text-decoration: underline;
}

#latest_articles .preview li a:hover, #latest_articles .preview li a:focus {
    text-decoration: none;
}

#latest_articles p {
    margin: 0 0 30px 0;
    line-height: 1.4em;
}

#latest_articles .type {
    position: absolute;
    top: 27px;
    left: 10px;
}

#latest_articles .title_link  {
    font-size: 1.35em;
    color: #f58428;
    font-weight: bold;
    margin: 0 0 5px 0;
    text-decoration: underline;
}

#latest_articles .title_link:hover  {
    font-size: 1.35em;
    color: #f58428;
    font-weight: bold;
    margin: 0 0 5px 0px;
    text-decoration: none;
}


#latest_articles .img_left {
    padding: 1px;
    border: 1px solid #DEEDF6;
}

#latest_articles #articles_link a.link_off, a.link_on{
    text-decoration: underline;
}

#latest_articles #articles_link a.link_off {
    color: #f58428;
    text-decoration: none;
}

#latest_articles .wrap_articles {
    padding-left: 20px;
}

#latest_articles h3 {
    line-height:17px;
}


/*    =MORE_VIDEOS
-----------------------------------------------------*/
#more_videos {
    clear: both;
    float: left;
    width: 525px;
    position: relative;
}

#more_videos ul {
    float: left;
    margin: 10px 20px 15px 20px;
    padding: 0 0 15px 0;
    background: url(../images/dotted.gif) repeat-x bottom;
}

#more_videos li {
    float: left;
    width: 240px;
}

#more_videos li a.selected {
    font-weight: bold;
}

#more_videos li a {
    color: #606060;
    text-decoration: none;
}

#more_videos li a:hover {
    color: #4d90be;
    text-decoration: underline;
}

#more_videos .wrap_video {
    position: relative;
    clear: both;
    padding: 0 20px;
}

#more_videos h3 {
    padding: 0 0 2px 100px;
}

#more_videos p {
    padding: 0 0 0 100px;
}

#more_videos .video {
    position: absolute;
    left: 20px;
    top: 0;
}

#more_videos .type {
    position: absolute;
    top: 27px;
    left: 10px;
}

/*    =GALLERY
-----------------------------------------------------*/
#gallery {
    float: left;
    width: 294px;
    padding-left:10px;
}

#gallery ul.list {
    margin: 10px 20px 15px 20px;
    padding: 0 0 15px 0;
    background: url(../images/dotted.gif) repeat-x bottom;
    float: left;
}

#gallery ul.list li {
    width: 90px;
    float: left;
}

#gallery ul.list li a {
    color: #606060;
    text-decoration: none;
}

#gallery ul.list li a.selected {
    font-weight: bold;
}

#gallery ul.list li a:hover {
    color: #4d90be;
    text-decoration: underline;
}

#gallery .wrap {
    padding: 20px;
    clear: both;
    position: relative;
}

#gallery h3 {
/*    padding: 0 0 0 275px;*/
    position:relative;
    left:-10px;
    line-height:17px;
}

#gallery h3 a {
    text-decoration: none;
    font-weight: normal;
}

#gallery p {
    padding: 5px 0 5px 275px;
}

#gallery .details {
    padding: 0 0 0 275px;
}

#gallery .image {
    position: absolute;
    top: 20px;
    left: 20px;
    border: 2px solid #b3dcf8;
    text-decoration: none;
}

#gallery .type {
    position: absolute;
    top: 27px;
    left: 10px;
}

/*    =ADS
-----------------------------------------------------*/
.ads {
    float: right;
    width: 250px;
    background-position: top right;
    margin: 2em 0 0 0;
}

/*    =LAST_EVENTS
-----------------------------------------------------*/

#last_events img {
    vertical-align: middle;
}

#last_events h2 {
    text-align: left;
}

#last_events h3 {
    text-align: left;
}

#last_events ul {
    clear: both;
    float: left;
    margin: 10px 0px 0px 10px;
    width: 100%;
    padding-bottom: 20px;
}

#last_events ul ul {
    margin: 10px 0px 0px 0px;
}

#last_events li {
    width: 100%;
    float: left;
    /*margin: 0 5% 0 0;*/
}

#last_events li a.selected {
    font-weight: bold;
}

#last_events li a {
    color: #4d90be;
    text-decoration: underline;
}

#last_events li a:hover {
    color: #4d90be;
    text-decoration: none;
}

#last_events .preview {
    clear: both;
    padding: 30px 0 0 0;
    background: url(../images/dotted.gif) repeat-x 0 15px;
}

#last_events .preview li, #last_events .preview ul {
    float: none;
    width: 100%;
}

#last_events .preview li a {
    color: #4d90be;
    text-decoration: underline;
}

#last_events .preview li a:hover, #last_events .preview li a:focus {
    text-decoration: none;
}

#last_events p {
    margin: 0 0 30px 0;
    line-height: 1.4em;
}

#last_events .type {
    position: absolute;
    top: 27px;
    left: 10px;
}

#last_events .title_link  {
    font-size: 1.35em;
    color: #f58428;
    font-weight: bold;
    margin: 0 0 5px 0;
    text-decoration: underline;
}

#last_events .title_link:hover  {
    font-size: 1.35em;
    color: #f58428;
    font-weight: bold;
    margin: 0 0 5px 0px;
    text-decoration: none;
}


#last_events .img_left {
    padding: 1px;
    border: 1px solid #DEEDF6;
}

/*    =CONTEST
-----------------------------------------------------*/
#contest {
    float: right;
    width: 250px;
    display: none;
}

/*    =MAIN_CONTENT
-----------------------------------------------------*/
#main_content {
    width: 480px;
    float: left;
    padding: 20px 20px 0 20px;
    overlay: hidden;
}

#main_content img {
   max-width:480px;
   width: expression(this.width > 480 ? 480: true);
}

#body_view_image #main_content {
    width: 480px;
}

#body_view_video #main_content {
    width: 450px;
}

#body_login #main_content {
    width: 450px;
}

#main_content.round_l {
    background-position: 0 0.6em;
}

#sidebar.round_r {
    background-position: right 0.6em;
}

#main_content p {
    margin: 0 0 20px 0;
    line-height: 1.5em;
    font-size: 1.2em;
    text-align: justify;
}

#body_view_image #main_content p {
    font-size: 1em;
    margin: 0 0 5px 0;
}

#body_view_video #main_content p {
    font-size: 1em;
    margin: 0 0 5px 0;
}

#body_login #main_content h1 a, #body_register #main_content h1 a {
    color: #f58428;
    text-decoration: none;
}

#main_content h1 {
    padding-top: 15px;
    margin-bottom: 8px;
}


/*    =FORM
-----------------------------------------------------*/
#content form input, #content form textarea, #content form select {
    width: 100%;
    margin: 5px 0 0 0;
    border: 1px solid #999;
    padding: 4px;
}

#content form select.day, #content form select.month {
    width: 4em;
}

#content form select.year {
    width: 5em;
}

#content form select.sex {
    width: 7em;
}

#content input.checkbox, #content input.button {
    width: auto;
}

#content label {
    display: block;
}

#content label small {
    float: right;
    margin-top: -2em;
    font-size: 0.8em;
}

#content legend {
    display: none;
}

#nickname.free {
    background: url(../images/icons/tick.png) no-repeat 98%;
}

#nickname.taken, #nickname.error {
    background: url(../images/icons/exclamation.png) no-repeat 98%;
    color: #060606;
}

.error {
    display: block;
    color: red;
    padding: 5px;
}

div.error {
    padding: 10px;
    margin: 0 0 20px 0;
    border: 1px solid red;
    font-size: 1.2em;
}

#body_register p.submit {
    padding: 10px 0 0 0;
}

#main_content #recaptcha {
    margin: 0 0 5px 0;
}

#details p.submit {
    clear: both;
}

/*    =FILE_DETAILS
-----------------------------------------------------*/
#file_details {
    width: 250px;
    float: left;
}

#file_details textarea {
    height: 300px;
}

/*    =TAGS
-----------------------------------------------------*/
#tags {
    width: 210px;
    float: right;
}

#tags div {
    /*overflow: scroll;*/
    height: 400px;
}

#tags ul ul {
    display: none;
    margin-left: 20px;
}

#tags ul li.open ul{
    display: block;
}

#details p, #tags p { clear: none; }

/*    =TOP_LINKS
-----------------------------------------------------*/
#top_links {
    margin: 0 0 5px 10px;
}

#top_links a {
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
}

#top_links a.selected {
    color: #f58428;
}

#top_links a:hover {
    text-decoration: underline;
}

/*    =SIDEBAR
-----------------------------------------------------*/
#sidebar {
    width: 250px;
    float: right;
}

#body_view_image #sidebar {
    width: 140px;
    padding-top: 5.5em;
}

#body_view_video #sidebar {
    width: 140px;
    padding-top: 5.5em;
}

#body_register #sidebar {
    padding-top: 3em;
}

#body_login #sidebar {
    width: 300px;
    padding-top: 2.5em;
}

#sidebar h2 {
    margin: 0 0 15px 0;
    color: #606060;
}

#sidebar #image_details li {
    margin: 0 0 6px 0;
}

#sidebar #video_details li {
    margin: 0 0 6px 0;
}

#sidebar #article_details li {
    margin: 0 0 6px 0;
}

#sidebar p {
    line-height: 1.5em;
    margin: 0 0 15px 0;
}

#content #sidebar input {
    width: 90%;
}

#sidebar #file_hash {
    display: none;
}


/*    =RELATED
-----------------------------------------------------*/
#related, #favourite {
    clear: both;
    position: relative;
    height: 440px;
}

#related.selected, #favourite.selected {
    display: block;
}

#related.unselected, #favourite.unselected {
    display: none;
}

#related .title, #favourite .title {
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: 400;
    color: #000102;
}

#related .info, #favourite .title {
    color: gray;
}



#related ul, #favourite ul {
    margin: 35px 0 0 0;
}

#related li, #favourite li {
    padding: 6px;
    background: url(../images/dotted.gif) repeat-x bottom;
    float: left;
    clear: left;
    color: #9c9c9c;
}

#related li:hover, #favourite li:hover {
    background-color: #ddd;
}

#related li .rel_img, #favourite li .rel_img {
    float: left;
    margin: 0 5px 5px 0;
    border: 1px solid #4a5970;
    width: 90px;
    height: 55px;
}

#related li .type, #favourite li .type {
    float: right;
    margin: 0px 5px 5px 0px;
}


#related .nav, #favourite .fav_nav {
    position: absolute;
    top: 25px;
    right: 15px;
    color: #4d90be;
    font-weight: bold;
    font-size: 1.1em;
}

#related .nav .prev, #favourite .fav_nav .prev {
    background: url(../images/left_blue.gif) no-repeat left top;
    padding: 3px 0 3px 22px;
}

#related .nav .next, #favourite .fav_nav .next {
    background: url(../images/right_blue.gif) no-repeat right top;
    padding: 3px 22px 3px 0;
}

/*    =RELATED, FAVOURITE TABS
-----------------------------------------------------*/

/*#related h2 a, #favourite h2 a {
    background: url(../images/tab_left.gif) no-repeat left top;
    padding: 7px 0 5px 14px;
    text-decoration: none;
    font-weight: bold;
    color: #4d90be;
}

#related h2 a span, #favourite h2 a span {
    background: url(../images/tab_right.gif) no-repeat right top;
    padding:  7px 14px 5px 0;
}

#related h2 a:hover, #related.selected h2 a, #favourite h2 a:hover, #favourite.selected h2 a {
    background-image: url(../images/tab_left_on.gif);
    color: #f58428;
}

#related h2 a:hover span, #related.selected h2 a span, #favourite h2 a:hover span, #favourite.selected h2 a span {
    background-image: url(../images/tab_right_on.gif);
}*/

/*    =SLIDER
-----------------------------------------------------*/

/* This file skins sliders */

.ui-slider .ui-slider-handle {
    position: relative;
    z-index: 1;
    height: 54px;
    width: 14px;
    background-image: url(../images/slider-handle.gif);
}

.ui-slider .ui-slider-handle-active {
    border: 1px dotted black;
}

.ui-slider-disabled .ui-slider-handle {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.ui-slider-range {
    position: absolute;
    background: #50A029;
    opacity: 0.3;
    filter: alpha(opacity=30);
    width: 100%;
    height: 100%;
}

/* Default slider backgrounds */
.ui-slider {
    width: 14px;
    height: 235px;
    position: absolute;
    top: 20px;
    left: 100px;
    border: 1px solid #DEEDF6;
}

/*    =SELECT_BRAND
-----------------------------------------------------*/
#select_brand {
    margin: 15px 0 0 0;
    position: relative;
    height: 260px;
}

#select_brand .brand_slider {
    float: left;
    overflow: hidden;
    width: 125px;
    height: 220px;
}

#select_brand #brand_list {
    position: relative;
    float: left;
    width: 125px;
    margin: 0 5px 0 0;
}

#select_brand #brand_list ul {
    display: none;
    margin-left: 20px;
}

#select_brand #brand_list li.selected ul{
    display: block;
}

#select_brand #images {
    float: right;
    width: 480px;
    height: 220px;
}

#select_brand #images h2 {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.7em;
    color: #5496da;
}

#select_brand #image_list {
    height: 140px;
}

#select_brand #image_list li {
    float: left;
    margin: 5px 28px 10px 0;
}

#select_brand #image_list li img {
    width: 90px;
    height: 55px;
    border: 1px solid #4a5970;
}

#select_brand #images p {
    clear: both;
}

#select_brand #videos {
    float: right;
    width: 480px;
    height: 220px;
}

#select_brand #videos h2 {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.7em;
    color: #5496da;
}

#select_brand #video_list {
    height: 140px;
}

#select_brand #video_list li {
    float: left;
    margin: 5px 28px 10px 0;
}

#select_brand #video_list li img {
    width: 90px;
    height: 55px;
    border: 1px solid #4a5970;
}

#select_brand #videos p {
    clear: both;
}

/*    =HIDE
-----------------------------------------------------*/
hr, #access {
    display: none;
}

/*    =RATING
-----------------------------------------------------*/
.rating {
    cursor: pointer;
    display: block;
    margin: 0px 0;
}

.cancel, .star {
    float: left;
    width: 17px;
    height: 15px;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
}
.star-left,
.star-right {
  width: 8px
}
.cancel,
.cancel a {background: url(../images/delete.gif) no-repeat 0 -16px;}

.star,
.star a {background: url(../images/star.gif) no-repeat 0 0px;}
.star-left,
.star-left a {background: url(../images/star-left.gif) no-repeat 0 0px;}
.star-right,
.star-right a {background: url(../images/star-right.gif) no-repeat 0 0px;}

.cancel a,
.star a {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 0 0px;
}

div.rating div.on a {
    background-position: 0 -16px;
}
div.rating div.hover a,
div.rating div a:hover {
    background-position: 0 -32px;
}

/*    =SUBMIT
-----------------------------------------------------*/
#body_submit h1 {
    display: none;
}

#body_submit #sidebar {
    padding: 2em 10px 0 0;
}

#body_submit #sidebar h2 {
    margin: 0 0 5px 0;
}

/*    =PROFILE
-----------------------------------------------------*/
#body_profile #about_me {
    font-size: 1.2em;
    line-height: 1.5em;
    float: left;
    width: 200px;
}

#body_profile #about_me dl {
    float: left;
    margin: 0 0 20px 0;
}

#body_profile #about_me dt {
    width: 100px;
    float: left;
    clear: both;
    font-weight: bold;
    color: #4d90be;
}

#body_profile #about_me dd {
    width: 100px;
    float: left;
}

#body_profile #recent {
    width: 250px;
    float: right;
}

/*    =PAGING
-----------------------------------------------------*/
#paging {
    background: url(../images/paging_bg.gif) repeat-x bottom;
    position: relative;
    height: 50px;
    margin: 30px 0 0 0;
}

#paging a {
    font-weight: bold;
    text-decoration: none;
}

#paging a.selected_page {
    font-weight: bold;
    text-decoration: underline;
}

#paging li {
    text-align: center;
}

#paging li.prev {
    position: absolute;
    left: 0;
    bottom: 12px;
}

#paging li.next {
    position: absolute;
    right: 0;
    bottom: 12px;
}

#paging .prev a {
    padding: 12px 0 12px 40px;
    background: url(../images/paging_left.gif) no-repeat;
}

#paging .next a {
    padding: 12px 40px 12px 0;
    background: url(../images/paging_right.gif) no-repeat right;
}

#paging .total {
    margin: 0 0 12px 0;
}

/*    =RESULTS
-----------------------------------------------------*/
#results li {
	border-bottom: 1px solid #d0e6f1;
	padding: 5px 0;
	margin: 0 0 10px 0;
}

#results li h2 {
	margin: 0 0 5px 0;
	font-size: 1.5em;
	font-weight: normal;
}

#results h2 a {
	color: #fa8424;
}

#results p {
	margin: 0 0 5px 0;
}

#results p.info {
	margin: 0;
}

#results p.info span {
	color: #4d90be;
}

/*    =GALLERY (HOVER)
-----------------------------------------------------*/

#gallery .hoverbox a .preview
{
	display: none;
}

#gallery .hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -21px;
	left: -29px;
	z-index: 1;
	border: 1px solid;
}

#gallery .hoverbox li
{
	background: #B5DCF9;
	border-color: #fff;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 5px;
	position: relative;
}


/* small images */
#gallery .hoverbox img
{
	background: #blue;
	padding: 1px;
	margin: 1px;
	vertical-align: top;
/*	width: 125px;*/
/*	height: 95px;*/
        width: 75px;
        height: 55px;

}

/* middle images */
#gallery .hoverbox .bigPicture
{
	border-color: #E0FFFF;
	width: 186px;
        height: 140px;
	padding: 0px;
	margin: 0px;
}

/* info window */
.gallery_span {
    position: absolute;
    padding: 6px;
    /*background: url(../images/gallery_round.gif) no-repeat;*/
    width: 140px;
    height: 57px;
    top: -33px;
    left: 145px;
    z-index: 20;
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #ff8200;
}


/*    =AUTOCOMPLETE
-----------------------------------------------------*/

.ac_results {
	padding: 0px;
	/*border: 1px solid WindowFrame;*/
	background-color: Window;
	overflow: hidden;
    background: url(../images/default_autocomplete.gif) no-repeat;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	padding-top: 3px;
	margin: 0;
	height: 147px;
	overflow: hidden;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 96%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_over {
	background-color: #DAEAF4;
	color: #000000;
}


/*    =GALLERY NAVIGATION BAR
-----------------------------------------------------*/
.blue_bar {
    padding: 15px;
}

#big_blue, .big_blue {
    background: #2E89C7;
    border: 1px solid #2E89C7;
}


.button_lite {
    background: #D1E4F2;
    border-bottom: 1px solid #86BADE;
    border-right: 1px solid #86BADE;
    padding: 5px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -1px;
    vertical-align: text-bottom;
    height: 13px;
    width: 100px;
}

#font_navigation, #brand_navigation, #model_navigation {
    display: inline;
    color: #FFF;
    font-weight: 700;
}

#font_navigation a, #brand_navigation a, #model_navigation a {
    color: #FFF;
    border: 1px solid #3D8FC7;
    padding: 2px;
    text-decoration: none;

}

#font_navigation a:hover, #brand_navigation a:hover, #model_navigation a:hover {
    border: 1px solid #D1E4F2;
    background: #D1E4F2;
    color: #000;
}

#font_navigation #letter_selected, #brand_navigation #brand_selected, #model_navigation #model_selected {
    border: 1px solid #D1E4F2;
    background: #D1E4F2;
    color: #000;
}

/*    =PAGINATION
-----------------------------------------------------*/
#gallery_grid a {
    /*color: #FFF;*/
}

.naprej {
    background:#686868;
    font-family:Verdana;
    color:#000000;
    font-size:10px;
    font-weight:800;
    height:20px;
}
.maldol {
    padding:3px 0 0 0px;
    padding-right: 17px;
    text-align: center;
}

#content .naprej a {
    color: #FFFFB0;
    text-decoration:none;
    padding-left:2px;
    padding-right:2px;
}

.current {
    padding-left:2px;
    padding-right:2px;
    font-size: 1.2em;
    color:#FFF;
}

#pagination .prev {
    float:left;
    margin:3px 0 0 5px;
}

#pagination .next{
    float:right;
    margin:-13px 5px 0 0;
}

/*    =COMMON (move up)
-----------------------------------------------------*/

.rel_img {
    border:1px solid #4A5970;
    float:left;
    height:55px;
    margin:0pt 5px 5px 0pt;
    width:90px;
}


/*    =FILTER LINKS
-----------------------------------------------------*/

.filterbox{
	display:block;
	border-bottom:1px solid #D1E4F2;
	float: right;
	text-align: right;

}

.filtercriterias {
	font-size:1.1em;
	text-align:left;
	color:#000000;
	display:box;
	margin:0;
	text-align: center;
}

.filtercriterias a:link,.filtercriterias a:visited {
	color:#0001e7;
	text-decoration:none;
}


#gradient {
	font-size:220%;
	color:#dc5b24;
	font-weight:normal;
	letter-spacing:-.05em;
	position:relative;
	margin:.6em 0;
	padding-top:1px;
	width:100%;
}


#gradient span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url(../images/gradient_1.png) repeat-x;
}

* html h4 span{
	background-color:#fff;
	back\ground-color:transparent;
	background-image: url(none.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/gradient_1.png", sizingMethod="scale");
}


/* jqModal
-------------------------------------------------------------*/

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (in jqModal.js). You
	can change this value by either;
	  a) supplying one via CSS
	  b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */

.jqmWindow {
    display: none;

    position: fixed;
    top: 17%;
    left: 50%;

    margin-left: -300px;
    width: 600px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.contact_form {
    font-size: 11px;

}
.contact_form label {
    display: block;
    width: 150px;
    font-weight: 800;
}

/*    =AJAX TAG SUGGESTION
-----------------------------------------------------*/

SPAN.tagMatches {
    margin-left: 10px;
}

SPAN.tagMatches SPAN {
    padding: 2px;
    margin-right: 4px;
    background-color: #0000AB;
    color: #fff;
    cursor: pointer;
}