/*  
Author: Arnau Pujol Cabarrocas
Author URI: http://analogicemotion.com/
*/

/* Reset CSS */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin:0px; padding:0px; border:0px; outline:0px; }

a { color:#111; text-decoration:underline; outline:none; }
a:hover { color:#8D8986; }

a img, :link img, :visited img { border:0px; }

table { border-collapse:collapse; border-spacing:0px; }

ol, ul { list-style:none; }

:focus { outline:none; }

img { margin:0px; vertical-align:top; }

html { overflow-y:scroll;overflow-x:hidden; }

/* --------------------------- Grid System ---------------------------- */

/* 
960px grid system ~ Created by the Grid System Generator http://www.gridsystemgenerator.com
Based on the 960.gs grid system: 16 columns ~ margin: 10px
*/

/* Container */
.container_24 {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    overflow:visible;
}

/* Grid Global */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
    display: inline;
    float: left;
    position:relative;
    margin-left: 15px;
    margin-right: 0px;
}

/* Grid 24 cols */
.container_24 .grid_1 {width: 25px;}
.container_24 .grid_2 {width: 65px;}
.container_24 .grid_3 {width: 105px;}
.container_24 .grid_4 {width: 145px;}
.container_24 .grid_5 {width: 185px;}
.container_24 .grid_6 {width: 225px;}
.container_24 .grid_7 {width: 265px;}
.container_24 .grid_8 {width: 305px;}
.container_24 .grid_9 {width: 345px;}
.container_24 .grid_10 {width: 385px;}
.container_24 .grid_11 {width: 425px;}
.container_24 .grid_12 {width: 465px;}
.container_24 .grid_13 {width: 505px;}
.container_24 .grid_14 {width: 545px;}
.container_24 .grid_15 {width: 585px;}
.container_24 .grid_16 {width: 625px;}
.container_24 .grid_17 {width: 665px;}
.container_24 .grid_18 {width: 705px;}
.container_24 .grid_19 {width: 745px;}
.container_24 .grid_20 {width: 785px;}
.container_24 .grid_21 {width: 825px;}
.container_24 .grid_22 {width: 865px;}
.container_24 .grid_23 {width: 905px;}
.container_24 .grid_24 {width: 945px;}

/* Prefix Extra Space */
.container_24 .prefix_1 {padding-left: 40px;}
.container_24 .prefix_2 {padding-left: 80px;}
.container_24 .prefix_3 {padding-left: 120px;}
.container_24 .prefix_4 {padding-left: 160px;}
.container_24 .prefix_5 {padding-left: 200px;}
.container_24 .prefix_6 {padding-left: 240px;}
.container_24 .prefix_7 {padding-left: 280px;}
.container_24 .prefix_8 {padding-left: 320px;}
.container_24 .prefix_9 {padding-left: 360px;}
.container_24 .prefix_10 {padding-left: 400px;}
.container_24 .prefix_11 {padding-left: 440px;}
.container_24 .prefix_12 {padding-left: 480px;}

/* Suffix Extra Space */
.container_24 .suffix_1 {padding-right: 40px;}
.container_24 .suffix_2 {padding-right: 80px;}
.container_24 .suffix_3 {padding-right: 120px;}
.container_24 .suffix_4 {padding-right: 160px;}
.container_24 .suffix_5 {padding-right: 200px;}
.container_24 .suffix_6 {padding-right: 240px;}
.container_24 .suffix_7 {padding-right: 280px;}
.container_24 .suffix_8 {padding-right: 320px;}
.container_24 .suffix_9 {padding-right: 360px;}
.container_24 .suffix_10 {padding-right: 400px;}
.container_24 .suffix_11 {padding-right: 440px;}
.container_24 .suffix_12 {padding-right: 480px;}

/* Children (Alpha ~ First, Omega ~ Last) */ 
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* `Clear Floated Elements */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after, .container_24:after  {
    clear: both;
    content:' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

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

.height_36 { height:36px; }
.height_18 { height:18px; }

/* --------------------------- Init Forms -------------------------- */

input, select, textarea {    font-family:Arial,Helvetica,sans-serif; font-size:12px; margin:0px; padding:2px; border:1px solid #7f9db9; }

/* --------------------------- Estructura General ---------------------------- */

html,body { 
    margin:0px;
    height:98%;
    font-family:Arial,Helvetica,sans-serif;
    color:gray;
    font-size:12px;
    line-height:18px;
    
}

#pagina {
    position:relative;
    margin:1% auto 0;
    padding:0px;
    width:975px;
    height:auto !important; /* For Modern Browsers */
    height:98%; /* For IE */
    min-height:98%; /* For Modern Browsers */
    overflow:visible;
    background-color: transparent;
}

#header {
    position:relative;
    margin:0px auto;
    background-color: transparent;
    width:975px;
    height:97px;
    overflow:hidden;
    background: url('../image/guionets_laterals.jpg') no-repeat bottom;


    /*background:#fff url('../image/logo_header.jpg') left top no-repeat; */
}

#contingut {
    position:relative;
    margin:0px auto;
    width:960px;
    padding:20px 15px 180px 0px;
    overflow:visible;
    background-color: white;
}

#footer {   
    position:relative;
    margin:-167px auto 1%;
    width:945px;
    height:185px;
    background:white;
    overflow:hidden;
    border-top: 1px black dotted;

}

#footer_content {   
    position:relative;
    margin:0 auto;
    width:945px;
    height:150px;
    padding:9px 0px 0px 0px;
    color:#b4b4b4;
    overflow:hidden;
}
#footer_content a { text-transform:uppercase; text-decoration:none; color:#666; text-decoration: none; }
#footer_content a.negre{color:black; text-transform: none;margin-bottom:20px;}
#footer_content a:hover, .social a:hover { color:#111; }
#footer_content a.negre:hover{color:#E1133F;}
.dades_contacte{height:100px;color:black;padding-left:18px;font-size: 10px;border-right: 1px dotted black;border-left: 1px dotted black;}
#links_footer{margin-top:20px;height:185px;}
#links_footer img{margin:20px 10px 0 0;}
.links_relacionats h4{margin-bottom: 9px;font-style: normal;}
#footer_content .links_relacionats a{text-transform: none;display:block;}

#flickr { height:75px; overflow:hidden; }
#flickr img { display:block; width:75px; height:75px; float:left; margin-left:9px; }
#flickr img.primer { margin-left:0px; }


a.link_facebook { width:92px;  background:url('../image/footer_sprite.jpg') -40px 0px no-repeat; }
a.link_facebook:hover { background:url('../image/footer_sprite.jpg') -40px -36px no-repeat; }

a.link_parc { width:130px; background:url('../image/footer_sprite.jpg') -140px 0px no-repeat; }
a.link_parc:hover { background:url('../image/footer_sprite.jpg') -140px -36px no-repeat; }

a.link_skype { width:63px; background:url('../image/footer_sprite.jpg') -360px 0px no-repeat; }
a.link_skype:hover { background:url('../image/footer_sprite.jpg') -360px -36px no-repeat; }

img.logo_footer{margin-bottom:10px;}
/* 
a.link_glam { width:92px; background:url('../image/footer_sprite.jpg') -280px 0px no-repeat; }
a.link_glam:hover { background:url('../image/footer_sprite.jpg') -280px -36px no-repeat; } 
*/

#footer a#to_top {
    display:none;
    position:absolute;
    bottom:135px;
    right:15px;
    width:31px;
    height:31px;
    text-indent:-8000px;
    background:url('../image/bg_to_top.gif') 0px 0px no-repeat;
    z-index:10;
}
#footer a#to_top:hover { background:url('../image/bg_to_top.gif') 0px 0px no-repeat;}

/* --------------------------- Header ---------------------------- */

#link_inici {
    width:290px;
    height:40px;

}

#idiomes {
    position:absolute;
    top:24px;
    right:15px;
    z-index:200;
}
#idiomes li {
    float:left;
    display:block;
    position:relative;
    margin:5px 0px 0px 5px;
    width:auto;
    height:12px;
    line-height: 10px;
}
#idiomes li:first-child{border-left:none;}

#idiomes li a{text-transform: uppercase;text-decoration: none; font-size: 11px;padding-left:3px;font-weight: bold;color:#8c8d8e;}
#idiomes li a.actual,#idiomes li a:hover{color:black;}

#botons_aux {
    position:absolute;
    top:20px;
    right:15px;
}
#botons_aux a { 
    display:block;
    margin:0px 0px 3px 0px;
    padding:0px 27px 0px 0px;
    height:21px;
    line-height:21px;
    text-align:right;
    text-decoration:none;
    font-weight:bold;
    color:#111;
}
#botons_aux a:hover { color:#666; }
#botons_aux a.verd { background:url('../image/fletxa_verd.jpg') right top no-repeat; }
#botons_aux a.gris { background:url('../image/fletxa_gris.jpg') right top no-repeat; }

#menu_lava {
    margin-top:40px;

}

#lava {
    position:relative;
    overflow:visible;
}

#menu_header {

}

#menu_header li {
    float:left;
    display:block;
    position:relative;
    height:32px;
    line-height:32px;
}

#menu_header a {
    color:black;
    text-transform: uppercase;
    display:block;
    float:left;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    font-weight:bold;
    height:57px;
    line-height:32px;
    padding:0 12px;
    text-decoration:none;
    background: url('../image/punt.jpg') no-repeat 12px bottom;

}

#menu_header a:hover { /*color:#e1133f;*/background: url('../image/guionet.jpg') no-repeat 12px bottom; }

#menu_header .selected a { background: url('../image/guionet.jpg') no-repeat 12px bottom;}

/* --------------------------- Slider ---------------------------- */

.anythingSlider { 
    width:945px;
    height:500px;
    position:relative;
    overflow:visible;
    margin:0 auto;
    padding-bottom:18px;
}
.anythingSlider .wrapper { 
    position: absolute;
    top:0;
    left:0;
    width:950px;
    height:486px;
    overflow:hidden;
}
.anythingSlider .wrapper ul { 
    position: absolute;
    top:0;
    left:0;
    width:99999px;
    list-style: none;
}
.anythingSlider ul li { 
    display:block;
    float:left;
    width:950px;
    height:515px;
}

.anythingSlider .arrow {
    position:absolute;
    top:490px;
    width:30px;
    height:30px;
    text-indent:-9999px;
    z-index:900;
    cursor:pointer;
    margin-left: 1px;
}

.anythingSlider a.back { right:31px; background:url('../image/arrow_back.gif') 0px 0px no-repeat; }
.anythingSlider a.back:hover {  }

.anythingSlider a.forward { right:0px; background:url('../image/arrow_forward.gif') 0px 0px no-repeat; }
.anythingSlider a.forward:hover { }

.anythingSlider #thumbNav {
    position:absolute;
    top:515px;
    left:0px;
}

.anythingSlider #thumbNav a {
    display:block;
    float:left;
    margin:0 6px 0 0;
    padding:1px 41px;
    text-align:center;
    text-decoration:none;
    background:#d9d9d9;
    text-indent:-3000px;
    height: 2px;

}
.anythingSlider #thumbNav a.cur {
    color:#FFF;
    background:#E1133F;
}

.anythingSlider a#start-stop { 
    display:none;
    position:absolute;
    top:330px;
    left:0px;
    height:12px;
    width:50px;
    text-indent:-8000px;
    background:url('../image/slider_sprite.png') -100px 0px no-repeat;
}
.anythingSlider a#start-stop:hover { background:url('../image/slider_sprite.png') -100px -22px no-repeat; }

.anythingSlider a#start-stop.playing { background:url('../image/slider_sprite.png') -150px 0px no-repeat; }
.anythingSlider a#start-stop.playing:hover { background:url('../image/slider_sprite.png') -150px -22px no-repeat; }	


/* --------------------------- Split Page ---------------------------- */

#split_page {
    margin:15px 0px 0px;
    border-top:1px solid #999;
    width:100%;
    overflow:visible;
}
#split_page a { text-decoration:none; }
#split_page .data { margin:0px; padding:0px; }

.width_50 { width:45%; }
#split_left { float:left; }
#split_right { float:right; text-align:right; }
#split_page .prev, #split_page .next { line-height:15px; }


/* --------------------------- Content ---------------------------- */

#contingut p { margin:0px 0px 18px; }
.caps { text-transform:uppercase; }
.gris { color:#666; }

h1, span.h1 {
    display:block;
    margin:0px 0px 35px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:32px;
    font-weight:normal;
    color:#281b20;

}
h1 span{color:#E1133F;font-size: 32px;}

h2 {
    margin:0px 0px 18px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:18px;
    font-weight:normal;
}

h3, .titol3 {
    margin:0px 0px 18px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    color:black;
    font-weight: bold;
}

h4 {
    color:#000;
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    font-style:italic;
    font-weight:normal;
    margin:0px 0px 18px;
}

.subratllat {
    border-bottom:1px solid #999;
    padding-bottom:5px;
}
.subratllat_bn {
    padding-bottom:6px;
    background:url('../image/linea_bn.gif') left bottom repeat-x;
}
.dotted_top {
    padding-top:9px;
    background:url('../image/dotted_h.gif') left top repeat-x;
}
.top_18 { margin-top:18px; }
.bottom_9 { margin-bottom:9px; }
.bottom_0, span.bottom_0 { margin-bottom:0px; }
.negre { color:#111; }

.moduls a {
    display:block;
}

.box_border {
    margin:0px 0px 18px;
    padding:0px 0px 18px;
    background:url('../image/dotted_h.gif') left bottom repeat-x;
}

.legal {
    margin:18px 0px;
    padding:18px 0px 0px;
    font-size:11px;
    color:#999;
    background:url('../image/dotted_h.gif') left top repeat-x;
}


.pagina_text{/*width: 785px;*/text-align: justify;}
.video_contingut{margin-bottom:18px;}
.pagina_text h3{margin:0px 0 20px;font-size:16px;font-weight: normal;text-align: right;}
#contingut .pagina_text p{margin-bottom:40px; margin:0px;padding-left:15px;}
.pagina_text h3 span{color:#cacaca;}
.linia_solida{border-top:1px solid #808080;padding-top:18px;margin-top:9px;margin-left: 15px;}
.pagina_text h3.crea {color:#E1133F;font-size:22px;text-align: left;}

/*Inici*/
.link_home a img{padding-bottom: 9px; }
.link_home a:hover .titol3, a:hover .titol3 span{color:gray;}
.link_home .titol3{margin-bottom:0px;}
.link_home .titol3 span{color:black;}
.no_link a{cursor: default;}
.no_link a:hover .titol3, a:hover .titol3 span{color:black;}
.paragraf{display:block;margin:0 0 18px;}
.titol3{display:block;margin-bottom:0;}
.linia_horitzontal{background: url('../image/hr.gif') no-repeat transparent;height:9px;margin:18px 0;}
.social{color:black;float:right; width: 70px;}
.social a{color:#808080;text-decoration: none;display: block;}

/* Banners */ 

#banners_ini{margin-top:10px;}
.banners_publi #banners_ini{margin-top:0;}
#banners_ini img {width: 190px;border:1px solid black;}


#banners_ini li {
    display:block;
    margin:0px 0px 10px 0px;
}

/*Serveis*/
.text_serveis{float:right; background: url('../image/serveis_dreta.jpg') no-repeat; width: 350px; height: 395px; color:white;}
.text_serveis ul{list-style: disc; padding:41px;}


/* Navegació auxiliar */

#nav_portfolio {
    width:100%;
    margin:0px 0px 18px;
    height:36px;
    overflow:hidden;
}

#links_portfolio { float:right; }
#links_portfolio li {
    display:block;
    float:left;
    color:#999;
    height:36px;
    line-height:36px;
    margin:0px 0px 0px 15px;
}

#links_portfolio a {
    display:block;
    float:left;
    color:#111;
    height:36px;
    line-height:36px;
    text-decoration:none;
    cursor:pointer;
}

#links_portfolio .anterior {}
#links_portfolio .items { padding:0px 0px 0px 10px; background:#c4cacd url('../image/link_port_left.gif') left 0px no-repeat; }
#links_portfolio .items span { display:block; float:left; height:36px; line-height:36px; padding:0px 10px 0px 0px; background:url('../image/link_port_right.gif') right 0px no-repeat; }
#links_portfolio a.items:hover { color:#fff; background:#98CC01 url('../image/link_port_left.gif') left -36px no-repeat; }
#links_portfolio a.items:hover span { color:#fff; background:url('../image/link_port_right.gif') right -36px no-repeat; }
#links_portfolio .seguent {}


/* --------------------------- Formularis ---------------------------- */

#form_data {
    width:435px;
    margin:15px 0px 0px;
    overflow:hidden;
}
fieldset {}

label { position:relative; width:100%; overflow:hidden; float:none; }

label span {
    display:block;
    margin-top:5px;
    margin-bottom:1px;
    letter-spacing:1px;
}

#form_data input { width:425px; }
#form_data textarea { width:425px; height:100px; }

.box_lateral input { width:185px;}
.box_lateral{ margin-bottom:20px; color: #333333;}
h2.linies{border-bottom:1px solid #cacaca;padding-bottom:5px; font-size:16px;}

/* --------------------------- Botons ---------------------------- */

#contingut .botonera {
    height:28px;
    width:100%;
    overflow:hidden;
}

#contingut .top_10 { margin:10px 0px 0px; }

.botonera a {
    float:left;
    margin-right:10px;
    padding:0px 15px;
    width:100px;
    height:28px;
    line-height:28px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    font-size:11px;
    font-weight:bold;
    color:#fff;
    letter-spacing:1px;
    background:url('../image/bg_boto.gif') left 0px no-repeat;
    cursor:pointer;
}

.botonera a:hover{
    
    background:url('../image/bg_boto.gif') left -28px no-repeat;
}


/*paginacio*/
#split_page{color:gray;border-top: 1px solid #DDDDDD;padding-top:5px;}
#split_left{float:left;}
#split_right{float:right; text-align: right;}
.pagination a,.pagination .disabled,.current{
    margin:0 5px;
    background: none repeat scroll 0 0 #D9D9D9;
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 2px 8px;
    text-align: center;
}
.pagination .prev_next{    background: none repeat scroll 0 0 white;
}
.pagination a:hover{text-decoration: underline;}
.pagination .current{  color:#FFF;
                       background:#71BC26;}



/* ----------------------------------------------------------------------- */
/* ------------------------------- Plugins ------------------------------- */
/* ----------------------------------------------------------------------- */

/* ------------------------------ Shadowbox ------------------------------ */


#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{    font-family:Arial,Helvetica,sans-serif;font-weight:200;color:gray; }
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;background-color: white;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;border:1px solid #cccccc;background: white;    }
#sb-wrapper-inner{position:relative;overflow:hidden;height:100px;margin:40px;margin-bottom:0px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:32px;height:32px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:white;}
#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title{float:left;width:45%;}
#sb-title,#sb-title-inner{height:50px;line-height:26px;}
#sb-title-inner{font-size:12px;}
#sb-info,#sb-info-inner{height:60px;line-height:20px;}
#sb-info-inner{font-size:12px;margin:0 40px;}
#sb-nav{float:right;height:16px;padding:4px 0;width:45%;}
#sb-nav a{display:block;float:right;height:29px;width:29px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
a#sb-nav-close{background-image:url(close_negre.png);display:none;}
#sb-nav-next{background-image:url(next_negre.png);}
#sb-nav-next:hover{background-image:url(next_negre_hover.png);}
#sb-nav-previous{background-image:url(previous_negre.png);}
#sb-nav-previous:hover{background-image:url(previous_negre_hover.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#sb-counter{float:left;width:45%;display:none;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}


/*COLORBOX*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:16px; height:16px; background:url(images/borderTopLeft.gif) 0 0 no-repeat;}
    #cboxTopRight{width:16px; height:16px; background:url(images/borderTopRight.gif) 0 0 no-repeat;}
    #cboxBottomLeft{width:16px; height:16px; background:url(images/borderBottomLeft.gif) 0 0 no-repeat;}
    #cboxBottomRight{width:16px; height:16px; background:url(images/borderBottomRight.gif) 0 0 no-repeat;}
    #cboxMiddleLeft{width:16px; background:url(images/borderMiddleLeft.gif) 0 0 repeat-y;}
    #cboxMiddleRight{width:16px; background:url(images/borderMiddleRight.gif) right top repeat-y;}
    #cboxTopCenter{height:16px; background:url(images/borderTopCenter.gif) 0 0 repeat-x;}
    #cboxBottomCenter{height:16px; background:url(images/borderBottomCenter.gif) 0 0 repeat-x;}
    #cboxContent{background:#fff;  overflow:visible;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:2px; left:0px; margin:0px 0px 0px 66px; text-align:left; font-weight:bold; color:#949494; overflow:hidden; }
        #cboxCurrent{position:absolute; width:60px; height:20px; bottom:0px; left:0px; line-height:20px; text-align:center; font-weight:bold; color:#fff; background:url(images/bgCurrent.gif) 0 0 no-repeat;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; display:block; top:0; left:-10px; text-indent:-9999px; background:url(images/prevlabel.gif) -500px 50% no-repeat;}
        #cboxPrevious.hover{background:url(images/prevlabel.gif) left 50% no-repeat;}
        #cboxNext{position:absolute; display:block; top:0; right:-10px; text-indent:-9999px; background:url(images/nextlabel.gif) -500px 50% no-repeat;}
        #cboxNext.hover{background:url(images/nextlabel.gif) right 50% no-repeat;}
        #cboxLoadingOverlay{background:url(images/loading.gif) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; border-left:10px solid #fff; background:url(images/close.gif) 0px 0px no-repeat; width:67px; height:20px; text-indent:-9999px;}
        #cboxClose.hover{background-position:0px -25px;}