/* main */
#wrapper #content {_height:1px;clear:both;background:url(images/g.gif) bottom right no-repeat #fff;padding:0;}
#wrapper #content #main_content {background:url(images/main/left_texture.jpg) 0px 1px no-repeat #fff;width:500px;height:389px;}
#wrapper #content #main_content ul {padding:137px 0 0 35px;font-family:Arial, Helvetica, sans-serif;color:#f2601e;font-size:11px;display:block;list-style:none;}
#wrapper #content #main_content ul li {margin-right:23px;display:inline;}
#wrapper #content #main_content ul li#multimedia {margin-left:30px;}
#wrapper #content #carousel {position:absolute;top:72px;left:499px;}
#wrapper #content #carousel img.thimage {_margin-bottom:-5px;cursor:pointer;}
#wrapper #content #carousel p#featured {padding:9px 0 3px 0;color:#626262;size:12px;font-weight:bold;}
#wrapper #content #carousel p#featured_title {padding:0;size:12px;}
#wrapper #content #carousel p#featured_title a {color:#f45a1a;}
#wrapper #content #carousel p#featured_title a:hover {color:#626262;text-decoration:none;}


/* carousel 
jcarousel-skin-tango

*/


.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 265px;
    height: 300px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


/* carousel styles */
.jcarousel-skin-tango .jcarousel-container {
    position: relative;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 265px;
    padding: 0 26px 0px 26px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 265px;
    height: 300px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 263px;
    height: 300px;
}

/*.jcarousel-skin-tango .jcarousel-item:hover {
    cursor:pointer;
    border: 1px solid #f2601e;
}*/

.jcarousel-skin-tango .jcarousel-item img {
    border: 1px solid #cccccc;
}

.jcarousel-skin-tango .jcarousel-item img:hover {
    cursor:pointer;
    /*border: 1px solid #f2601e;*/
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 7px;
}


/* Horizontal Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 64px;
    right: 5px;
    width: 14px;
    height: 15px;
    cursor: pointer;
    background:url(images/next_arrows.gif) bottom left;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: top left;
    _top: 67px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 64px;
    left: 5px;
    width: 14px;
    height: 15px;
    cursor: pointer;
    background:url(images/prev_arrows.gif) bottom left;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    _top: 67px;
    cursor: default;
    background-position: top left;
}