/**
 * version: 1.0
 * author: negatyve.com
 * author uri: http://www.negatyve.com/
 * © 2009 negatyve.com | all rights reserved
**/


/**********************/
/* MAIN IMAGES STYLES */
/**********************/


h1.title
{
position: relative;
float: left;
width: 670px;
height: 65px;

background: #d9d9d9;
}
h1.title span
{
display: block;
padding: 10px;

font: normal 24px 'Arial Narrow', Arial;
color: #191919;
}
.gallery-desc
{
position: relative;
float: left;
padding: 0;
width: 670px;
border-top: 1px solid #bbbdbf;
border-bottom: 1px solid #bbbdbf;
}
.gallery-desc span
{
display: block;
padding: 10px;
font: italic normal 13px Georgia, Arial;
}


/************************/
/* CURRENT IMAGE STYLES */
/************************/


.current-image
{
width: 670px;
height: 330px;
overflow: hidden;

background: url( '/layout/luxuryonline/current-image-background.png' ) no-repeat top left;
}
.current-image .img-container
{
position: absolute;
border: none;
top: 40px;
left: 111px;
z-index: 2;
}
.current-image ul
{
position: absolute;
top: 0;
left: 0;
width: 670px;
height: 330px;
z-index: 1;
}
.current-image ul li
{
position: absolute;
}
.current-image ul li a
{
display: block;
}
.current-image ul li a:hover
{
text-decoration: none;
}
.current-image .back-button, .current-image .full-image-button
{
width: 200px;
height: 40px;
left: 235px;

text-align: center;
line-height: 40px;
}
.current-image .back-button a, .current-image .full-image-button a
{
display: block;
width: 200px;
height: 40px;
font-family: 'Arial Narrow', Arial;
font-size: 14px;
text-transform: uppercase;

background-repeat: no-repeat;
background-position: top left;
}
.current-image .back-button
{
top: 0;
}
.current-image .back-button a
{
background-image: url( '/layout/luxuryonline/gallery-back-button-background.gif' );
}
.current-image .full-image-button
{
top: 290px;
}
.current-image .full-image-button a
{
background-image: url( '/layout/luxuryonline/gallery-full-image-button-background.gif' );
}
.current-image .prev-image-button
{
width: 111px;
left: 0;
}
.current-image .next-image-button
{
width: 112px;
right: 0;
}
.current-image .prev-image-button a, .current-image .next-image-button a
{
display: block;
height: 110px;
background-repeat: no-repeat;
background-position: top center;
}
.current-image .prev-image-button a
{
width: 111px;
background-image: url( '/layout/luxuryonline/gallery-prev-image-button-background.gif' );
}
.current-image .next-image-button a
{
width: 112px;
background-image: url( '/layout/luxuryonline/gallery-next-image-button-background.gif' );
}


/****************************/
/* RELATED RESOURCES STYLES */
/****************************/


.gallery-related
{
width: 670px;
padding: 10px 0;
}
.gallery-related h2
{
padding: 0 0 15px 10px;
font: italic normal 12px Arial;
color: #4c4c4c;
}
.gallery-related ul
{
width: 650px;
left: 10px;
}
.gallery-related ul li
{
position: relative;
float: left;
border: 0;
margin: 0;
padding: 5px 0;

list-style: none;
width: 650px;
}
.gallery-related ul li span, .gallery-related ul li a
{
padding: 0 3px;
position: relative;
float: left;
clear: both;
}
.gallery-related ul li span
{
font: normal 10px 'Arial Black', Arial;
text-transform: uppercase;
}
.gallery-related ul li a
{
font: normal 18px Arial;
font-weight: normal;
}
.gallery-related ul li a:hover
{
text-decoration: none;
}
.gallery-related ul li p
{
position: relative;
width: 644px;
left: 3px;
padding: 3px 0;
float: left;

font-size: 12px;
}


/*************************/
/* IMAGES GALLERY STYLES */
/*************************/


.gallery-images
{
padding: 20px 0 10px 0;
left: 14px;
}
.gallery-images li
{
position: relative;
float: left;
border: 0;
margin: 0;
padding:0;

width: 130px;
height: 77px;
overflow: hidden;

list-style: none;
}
.gallery-images li img
{
border: 1px solid #787878;
}


/***************************/
/* FULLSCREEN IMAGE STYLES */
/***************************/


body.manageronline
{
background: #bac5ca;
}
body.luxuryonline
{
background: #ffffff;
}
.fullscreen-image
{
width: 100%;
}
.fullscreen-image .head
{
height: 45px;
width: 100%;
overflow: hidden;

background: #717171;
}
.manageronline .fullscreen-image .head
{
background: #687d87;
}
.luxuryonline .fullscreen-image .head
{
background: #003200;
}
.fullscreen-image .head h1, .fullscreen-image .head a
{
height: 45px;

font: bold 14px Arial;
line-height: 43px;
color: #373737;
}
.fullscreen-image .head h1
{
position: static;
float: none;
margin: 0 auto;
z-index: 1;

text-align: center;

font-size: 18px;
font-family: 'Arial Narrow', Arial;
color: #ffffff;
}
.fullscreen-image .head a
{
top: 0;
position: absolute;
}
.manageronline .fullscreen-image .head h1 span
{
color: #ccd7dc;
}
.luxuryonline .fullscreen-image .head h1 span
{
color: #96cf69;
}
.fullscreen-image .head a
{
z-index: 2;
}
.fullscreen-image .head a.lx
{
left: 0px;
width: 150px;
height: 45px;
background: transparent url( '/layout/luxuryonline/fullscreen-image-home-logo.png' ) no-repeat top left;
}
.fullscreen-image .head a.rx
{
right: 0px;
font-size: 10px;
color: #ffffff;
text-transform: uppercase;
padding: 0 30px;

background: transparent url( '/layout/fullscreen-image-back-home-button-background.gif' ) no-repeat top right;
}
.manageronline .fullscreen-image .head a.rx
{
background-color: #53646c;
}
.luxuryonline .fullscreen-image .head a.rx
{
background-color: #335c33;
}
.fullscreen-image .head a.rx:hover
{
text-decoration: none;
}
.fullscreen-banner
{
width: 100%;
text-align: center;
}
.fullscreen-banner .banner-content
{
position: static;
float: none;
margin: 0 auto;
padding: 10px 0;
}
.fullscreen-image .image-tags
{
position: relative;
float: left;
width: 100%;
}
.fullscreen-image .image-tags strong
{
text-transform: uppercase;
}
.fullscreen-image .image-tags a
{
padding: 0 2px;
text-decoration: none;
}
.fullscreen-image-nav, .fullscreen-gallery-nav
{
position: relative;
float: left;
width: 100%;
padding: 5px 0;
}
.fullscreen-image-nav .container, .fullscreen-gallery-nav ul
{
position: static;
float: none;
width: 1024px;
margin: 0 auto;
}
.fullscreen-image-nav .container
{
padding: 10px 0;
}
.fullscreen-image-nav ul
{
position: relative;
float: left;
width: 1024px;
height: 27px;
}
.fullscreen-image-nav ul li
{
position: absolute;
top: 0;
height: 27px;
font: normal 16px/27px 'Arial Narrow', Arial;
text-transform: uppercase;
}
.fullscreen-image-nav ul li a
{
display: block;
height: 27px;
}
.fullscreen-image-nav ul li.counter
{
width: 724px;
left: 150px;
}
.fullscreen-image-nav ul li.prev-image-button
{
left: 0;
width: 150px;
text-align: left;
z-index: 2;
}
.fullscreen-image-nav ul li.prev-image-button a
{
padding-left: 30px;
background: transparent url( '/layout/luxuryonline/fulscreen-prev-image-button-background.gif' ) no-repeat 0px 0px;
}
.fullscreen-image-nav ul li.prev-image-button a:hover
{
background-position: 0px -27px;
}
.fullscreen-image-nav ul li.next-image-button
{
right: 0;
width: 150px;
text-align: right;
z-index: 3;
}
.fullscreen-image-nav ul li.next-image-button a
{
padding-right: 30px;
background: transparent url( '/layout/luxuryonline/fulscreen-next-image-button-background.gif' ) no-repeat 135px 0px;
}
.fullscreen-image-nav ul li.next-image-button a:hover
{
background-position: 135px -27px;
}
.fullscreen-gallery-nav
{
padding: 20px 0;

}
.fullscreen-gallery-nav .gallery-images
{
padding: 0;
}
.fullscreen-gallery-nav .gallery-images li
{
width: 128px;
}
.fullscreen-gallery-nav .gallery-images li a, .fullscreen-gallery-nav .gallery-images li span, .fullscreen-gallery-nav .gallery-images li div
{
display: block;
position: relative;
float: left;
left: 3px;
width: 123px;
}