@charset "utf-8";
/* CSS Document */


h1{ margin: 0 10px !important; padding:0; line-height: 50px;}
h2{ margin:7px 0px 30px 0px !important; padding:0px; }
h3{ margin:7px 0px 20px 0px !important; padding:0px; }
//#main-container{ background:url(../../graphics/website/panel-sep.gif) repeat-y; padding-top:20px; }
#main-container.nogap { margin-top:0px; padding-top:0px }
h1.botmargin { margin-bottom:20px !important; line-height: 50px;}

#gallery-container { width:920px; height:267px; margin:6px 0 1px 0; }

#gallery-container-series { width:920px; height:389px; margin:6px 0 1px 0; }

#main-image-holder { width:920px; height:267px; position:relative; overflow: hidden; background:#CCCCCC 1px solid;}
#main-image-holder .img-shadow { position:absolute; z-index:100; bottom:0px; height:13px; width:920px; background:url(../../graphics/website/gallery-shadow.png) no-repeat; }
#main-image-holder .items { position:absolute;width:1000em;height:920px; }
#main-image-holder .item { float:left; position:relative; width: 920px}

#main-image-holder .nav { position:absolute; top:223px; left:0px; right:0px; z-index:200; }
#main-image-holder .nav .prevPage { background:url(../../graphics/website/carousel-nav-previous.png) no-repeat; width:20px; height:20px; display:inline-block; }
#main-image-holder .nav .nextPage { background:url(../../graphics/website/carousel-nav-next.png) no-repeat; width:20px; height:20px; display:inline-block }
#main-image-holder .nav .pause { background:url(../../graphics/website/carousel-nav-pause.png) no-repeat; width:20px; height:20px; display:inline-block }
#main-image-holder .nav .play { background:url(../../graphics/website/carousel-nav-play.png) no-repeat; width:20px; height:20px; display:none }

/* for series detail page */
#main-image-holder-series { width:920px; height:389px; position:relative; overflow: hidden; background:#CCCCCC 1px solid;}
#main-image-holder-series .img-shadow { position:absolute; z-index:100; bottom:0px; height:13px; width:920px; background:url(../../graphics/website/gallery-shadow.png) no-repeat; }
#main-image-holder-series .items { position:absolute;width:1000em;height:920px; }
#main-image-holder-series .item { float:left; position:relative; width: 920px}

#main-image-holder-series .nav { position:absolute; top:345px; left:0px; right:0px; z-index:200; }
#main-image-holder-series .nav .prevPage { background:url(../../graphics/website/carousel-nav-previous.png) no-repeat; width:20px; height:20px; display:inline-block; }
#main-image-holder-series .nav .nextPage { background:url(../../graphics/website/carousel-nav-next.png) no-repeat; width:20px; height:20px; display:inline-block }
#main-image-holder-series .nav .pause { background:url(../../graphics/website/carousel-nav-pause.png) no-repeat; width:20px; height:20px; display:inline-block }
#main-image-holder-series .nav .play { background:url(../../graphics/website/carousel-nav-play.png) no-repeat; width:20px; height:20px; display:none }


.series-grid { list-style:none; margin: 0; padding: 0; float:left;clear:both; }
.series-grid li { width:200px; float:left; margin-bottom:20px; padding:5px 0px 0 0px; height: 165px; } 
/*.series-grid li .img { width:200px;height:150px; background:url(../../graphics/website/ajax-loader.gif) center no-repeat; }*/
.series-grid li .title { width:130px;color:#333333; font-size:14px; margin-bottom:10px; } 
.series-grid li .title-small { color:#333333; font-size:11px; margin-top:5px; line-height: 15px; } 
.series-grid li .title-small a { font-size:14px; color:#333333; border:none; text-decoration:none; }
.series-grid li .title-small a:hover { text-decoration:underline; }
.series-grid li .download-link a { font-size:10px; font-weight:bold; }
.series-grid li:hover { color:#cc3333 } 
.series-grid li.last { margin-right:0px !important; border:0px }

.series-grid .series-finishes li .img {}

/* --- layout details --- */
body.layout-details { background:none !important }

.layout-comp { list-style:square }
.layout-comp li { float:left; width:230px; margin:0 20px 5px 0; list-style:square; font-size:12px; }
.layout-comp li.last { margin-right:0px }
.layout-details-img { background:url(../../graphics/website/ajax-loader.gif) center no-repeat; }
h1.layout-details { font-size:24px }