@charset "UTF-8";
/* CSS Document */
a,img {border:none;}
body { background-image:url(images/page-bg.gif); background-repeat:repeat-x; background-color:#333333; margin:0; padding:0;}
#wrap {width:994px; padding:27px 0 0 30px; margin:0 auto;}

#left {float:left; display:inline; width:550px;}
#right {float:right; display:inline; width:141px;}
#left p {font-family:arial; font-size:12px; color:#9e9d9d; margin:10px 0; padding:0;}

#right ul {margin:0; padding:0; width:141px;}
#right ul li {list-style:none; border-bottom:1px solid #9e9d9d; padding:5px 0; margin:0;}

p, table td {color:#9e9d9d; font-size:12px; font-family:arial; margin:10px 0; line-height:15pt;}
p a:link, p a:active, p a:visited { text-decoration:none; font-family:arial; font-size:12px; color:#9e9d9d;}
p a:hover {text-decoration:underline;}
#logo {margin:0 0 40px 0;}

#footer {clear:both; text-align:center; width:994px ; margin:37px auto 10px auto; padding:0 0 0 30px;}
#footer p {display:inline; text-align:center; padding:0 100px 0 0; font-family:arial; font-size:12px; color:#9e9d9d; margin:0;}
#footer p a:link, #footer p a:active, #footer p a:visited { text-decoration:none; font-family:arial; font-size:12px; color:#9e9d9d;}
#footer p a:hover {text-decoration:underline;}

#sample-large {}
#painting-ul {float:right; display:inline; width:250px; margin:50px 0 0 0; padding:0;}
#painting-ul li {list-style:none; margin:0 15px 20px 0; display:inline; float:left; width:65px; height:65px; cursor:pointer;}
#painting-ul li img {cursor:pointer; border:1px solid #666666;}
#painting-ul li:hover img, #painting-ul li.selected img {border:3px solid #ffffff;}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position: relative; clear:both;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0 0 0 140px; 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: 163px;height: 203px;
}

/**
 * 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;}

.jcarousel-skin-tango {margin:214px 0 0 0; clear:both; display:block;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 1004px; padding: 20px 10px 5px 10px; margin:40px 0 0 0;}
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  725px; height: 203px;}
.jcarousel-skin-tango .jcarousel-item { width: 163px; height: 203px;}
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 20px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff; color: #000;}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 113px; right: 5px; width: 17px; height: 17px;cursor: pointer;
    background: transparent url(images/car-right.gif) no-repeat -17px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 113px;left: 5px;width: 17px;height: 17px;cursor: pointer;background: transparent url(images/car-left.gif) no-repeat -17px 0;}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -17px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -17px 0;}
.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: 0px 0;}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: -17px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -17px 0;}

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

.jcarousel-control {margin: 0px auto 0 auto;text-align: center; width:auto; }
.jcarousel-control div { background-color:#141414; width:auto; display:inline; vertical-align:bottom;}
.jcarousel-control div img {vertical-align:bottom;}
.jcarousel-control a { text-decoration: none;padding: 0px 5px 0px 0;margin: 0 0 0px 0; vertical-align:bottom; background-color:#141414;}
.jcarousel-control a img { vertical-align:middle; padding:1px 0 0 0;}
.jcarousel-control a:focus,.jcarousel-control a:active {outline: none;}
#mycarousel-next, #mycarousel-prev {cursor: pointer;margin-bottom: -10px;text-decoration: underline; font-size: 11px;}
.pag-border {margin:0 0 1px 0;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;background-color:#000000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;	height:100%;width:100%; }
* html #TB_overlay { /* ie6 hack */
     position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window {position: fixed;background: #333333 ;z-index: 102;color:#000000;display:none;text-align:left;top:50%;left:50%; padding:20px 10px 50px 20px;}
* html #TB_window { /* ie6 hack */
position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image {display:block;	margin: 15px 0 0 15px;	border-right: 1px solid #ccc;	border-bottom: 1px solid #ccc;	border-top: 1px solid #666;	border-left: 1px solid #666;}
#TB_caption {height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow {height:16px;padding:0;float:right;}
#TB_closeAjaxWindow {padding:0;margin-bottom:5px;text-align:right;float:right;}
#TB_ajaxWindowTitle {float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title {height:16px; margin:-10px 0px 10px 0;}
#TB_ajaxContent {clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal {padding:15px;}
#TB_ajaxContent p {padding:5px 0px 5px 0px;}
#TB_load {position: fixed;display:none;height:13px;	width:208px;z-index:103;top: 50%;left: 50%;	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load { /* ie6 hack */
position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

#TB_HideSelect {z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;	border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

#TB_iframeContent {	clear:both;	border:none;	margin-bottom:-1px;	margin-top:0px;	_margin-bottom:1px;}
#TB_closeWindowButton {}