/* **************************
© Phosys Online Proofing 2007
************************** */

/* **************************
        Artweddings
************************** */
*{margin:0;padding:0;}
body 
{
    background:#d8cdc3;
    color:#666; 
	font-family:Verdana, Arial, Helvetica, Sans-Serif, Serif;
	font-size:10px;
}
table,tr,td,
a img {border:0;}
a:link,a:visited
{
    text-decoration:none;
    color:#6666cc;
}
input,textarea,select
{
    font-size:9px;
    color:#333;
}
#flashcontent
{
    height:100%;
}
/* *************************************
integration*/
#mainNav
{
    float:left;
    width:160px;
    height:469px;
    border-top:1px #ccc solid;
    border-right:1px #ccc solid;
    background:#f5f1f0;
}
    #mainNav ul
    {
        list-style:none;
        padding:0;
        margin:0;
    }
        #mainNav li
        {
            font-weight:bold;
            padding:0;
            margin:0;
        }
            #mainNav li a,
            #mainNav li a:visited
            {
                display:block;
                padding:5px 0 9px 10px;
                text-decoration:none;
                color:#6666cc;
                border-bottom:1px #ccc solid;
            }
            * html #mainNav li a,
            * html #mainNav li a:visited
            {
                he\ight:10px;
                pa\dding:5px 0 2px 10px;
            }
            *+html #mainNav li a,
            *+html #mainNav li a:visited
            {
                padding:5px 0 2px 10px;
            }
                #mainNav li a:hover
                {
                    background:#d2beae;
                }
                #mainNav .sub a,
                #mainNav .sub a:visited
                {
                    display:block;
                    padding:5px 0 2px 30px;
                    text-decoration:none;
                    color:#6666cc;
                    background:#fff;
                    border-bottom:1px #ccc solid;
                    font-weight:normal;
                }
                    #mainNav .sub a:hover
                    {
                        background:#ececfe;
                    }
/* *************************************
mainDIV*/
#Container
{
    width:755px;
    height:550px;
    margin:0 auto;
    background:#fff;
}
    #artLogo
    {
        width:755px;
        height:80px;
        clear:both;
    }
        #artLogo img
        {
            padding:10px 0 0 30px;
        }
    #MainArea
    {
        float:right;
        width:580px;
        height:449px;
	    padding-top:20px;
	    background: url('pictures/gs_webgraphics/header.gif') no-repeat top left;
    }
        #PageContent
        {
            width:560px;
            height:auto;
            overflow:auto;
            padding-top:20px;
        }
            #PageContent p
            {
                margin: 10px 0;
            }
    #Phosys,
    #Phosys img
    {
        display:none;
        visibility:hidden;
        height:0px;
    }
    #Footer
    {
        width:755px;
        margin:0 auto;
        height:20px;
        clear:both;
        text-align:right;
        padding-top:2px;
    }
/* *************************************
albumList*/
#AlbumList
{
    float:right;
    width:370px;
    height:449px;
    overflow:auto;
    margin-top:20px;
}
    #AlbumList .Row
    {
        width:350px;
        height:110px;
        border:1px #ccc solid;
        cursor:pointer;
        cursor:hand;
        margin:2px 0;
    }
        #AlbumList .Row .Thumbnail,
        #AlbumList .Row .ThumbTable
        {
            float:left;
            width:110px;
            height:110px;
        }
        #AlbumList .Row .Title
        {
            float:left;
            width:230px;
            height:20px;
            padding-top:15px;
            font-size:12px;
            font-weight:bold;
        }
        #AlbumList .Row .Description
        {
            float:left;
            width:230px;
            height:55px;
        }
        #AlbumList .Row .Button
        {
            float:right;
            padding-right:20px;
        }
/* *************************************
albumLogin*/
#AlbumLogin
{
    width:300px;
    height:23px;
    overflow:hidden;
}
    #AlbumLogin .Row
    {
        float:left;
        width:200px;
        height:22px;
    }
        #AlbumLogin .Label
        {
            float:left;
            width:90px;
        }
        #AlbumLogin .Field
        {
            float:left;
            width:90px;
        }
        #AlbumLogin input
        {
            width:100px;
        }
    #AlbumLogin .Footer
    {
        float:right;
        width:100px;
        text-align:left;
    }
    #AlbumLogin .Footer a
    {
        text-decoration:none !important;
        color:#ededed;
        border:0;
    }
/* *************************************
metadata*/
#MetaData
{  
    float:left;
	margin:0;
	padding:0;
	cursor: pointer;
	cursor: hand;
	background-color: transparent;
	line-height:18px;
	font-size:12px;
}
    .MetaData
    {
        float:left;
	    color: #666;
	    text-align: left;
	    background: url('pictures/gs_webgraphics/transparent.png') repeat top center;
	    border: 1px solid #FFF;
	    font-size:12px;
    }
    .MetaDataTitle
    {
        font-weight:bold;
    }
        .MetaDataTitle,
        .MetaDataHeading,
        .MetaDataField,
        .MetaDataFieldOver,
        .MetaDataCommand,
        .MetaDataCommandOver,
        .MetaDataBasket,
        .MetaDataBasketOver
        {
	        cursor: pointer;
	        cursor: hand;
	        color: #000;
	        text-align: left;
	        background: url('pictures/gs_webgraphics/transparent.png') repeat top center;
	        line-height:18px;
	        font-size:12px;
        }
            .MetaDataFieldOver,
            .MetaDataCommandOver,
            .MetaDataBasketOver
            {
                background:#fff;
            }
/* *************************************
imageList*/
#ImageList
{
    width:560px;
    height:450px;
    clear:both;
}
    #Images
    {
        width:555px;
        height:410px;
        margin-left:5px;
    }
    #ImageList .Item
    {
        float:left;
        width:105px;
        height:110px;
        text-align:center;
        margin:2px;
        background:#ddd;
        border:1px #aaa solid;
    }
    * html #ImageList .Item
    {
        ma\rgin:1px;
    }
        #ImageList .Item .Thumbnail,
        #ImageList .Item .ThumbTable
        {
            width:105px;
            height:110px;
            text-align:center;
        }
        #ImageList .Footer
        {
            width:560px;
            height:20px;
            clear:both;
        }
            #ImageList .Footer .Previous
            {
                float:left;
                width:80px;
                height:20px;
                padding-left:20px;
            }
            #ImageList .Footer .Pages
            {
                float:left;
                width:200px;
                height:20px;
                text-align:center;
            }
            #ImageList .Footer .Next
            {
                float:right;
                width:80px;
                height:20px;
                padding-right:20px;
                text-align:right;
            }

/* *************************************
loginForm*/
#LoginForm
{
    width:320px;
    height:200px;
    float:left;
    margin-left:20px;
}
    #LoginForm .Row
    {
        width:285px;
        height:auto;
        margin:2px 0 2px 20px;
    }
        #LoginForm .Row .Label
        {
            float:left;
            width:120px;
            height:auto;
        }
        #LoginForm .Row .Field
        {
            float:left;
            width:160px;
            height:auto;
        }
            #LoginForm input,
            #LoginForm select,
            #LoginForm textarea
            {
                width:150px;
            }
    #LoginForm .Footer
    {
        width:300px;
        text-align:center;
    }
/* *************************************
shoppingBasket*/
#ShoppingCart
{
    width:400px;
    height:400px;
    margin-left:100px;
}
    #ShoppingCart .Header
    {
        width:350px;
        float:left;
        clear:both;
    }
        #ShoppingCart .Header .Thumbnail,
        #ShoppingCart .Header .Product,
        #ShoppingCart .Header .Option {display:none;}
        #ShoppingCart .Header .Price,
        #ShoppingCart .Header .Quantity,
        #ShoppingCart .Header .Total,
        #ShoppingCart .Header .Remove 
        {
            float:left;
            text-align:right;
        }
        #ShoppingCart .Header .Price {width:180px;}
        #ShoppingCart .Header .Quantity,
        #ShoppingCart .Header .Total,
        #ShoppingCart .Header .Remove {width:55px;}
    #ShoppingCart .List
    {
        overflow:auto;
        width:400px;
        height:350px;
        clear:both;
    }
    #ShoppingCart .Row
    {
        width:375px;
        height:110px;
        margin:2px 0;
    }
        #ShoppingCart .Row .Thumbnail,
        #ShoppingCart .Row .ThumbTable,
        #ShoppingCart .Row .Product,
        #ShoppingCart .Row .Option,
        #ShoppingCart .Row .Price,
        #ShoppingCart .Row .Quantity,
        #ShoppingCart .Row .Total,
        #ShoppingCart .Row .Remove
        {
            float:left;
            text-align:right;
        }
        #ShoppingCart .Row .Product,
        #ShoppingCart .Row .Option 
        {
            font-weight:bold;
            text-align:left;
            width:230px;
        }
        #ShoppingCart .Row .Thumbnail,
        #ShoppingCart .Row .ThumbTable
        {
            height:110px;
            width:110px;
            text-align:center;
        }
        #ShoppingCart .Row .Option {height:25px;}
        #ShoppingCart .Row .Price {width:70px;}
        #ShoppingCart .Row .Quantity {width:60px;}
        #ShoppingCart .Row .Total {width:50px;}
        #ShoppingCart .Row .Remove {width:50px;}
        #ShoppingCart .Footer
        {
            width:360px;
            text-align:right;
        }
            #ShoppingCart .Footer .Total 
            {
                font-weight:bold;
                color:#FF0000;
                padding-right:50px;
            }
            #ShoppingCart .Footer .Button {margin:0 10px;}
/* *************************************
lightBox*/
#LightBox
{
    width:400px;
    height:350px;
    margin-left:80px;
}
    #LightBox .Header
    {
        width:400px;
        height:20px;
        margin:0 auto;
        clear:both;
    }
        #LightBox .Header .Thumbnail,
        #LightBox .Header .Product
        {
            display:none;
        }
        #LightBox .Header .Option,
        #LightBox .Header .Quantity,
        #LightBox .Header .Remove
        {
            float:left;
            width:50px;
            text-align:right;
        }
        #LightBox .Header .Option
        {
            width:270px;
        }
    #LightBox .List
    {
        width:400px;
        height:300px;
        overflow:auto;
        margin:0 auto;
        clear:both;
    }
    #LightBox .Row
    {
        width:380px;
        margin:2px 0;
        clear:both;
    }
        #LightBox .Row .Thumbnail,
        #LightBox .Row .ThumbTable
        {
            float:left;
            width:110px;
            height:110px;
        }
        #LightBox .Row .Product,
        #LightBox .Row .Option,
        #LightBox .Row .Quantity,
        #LightBox .Row .Remove
        {
            float:left;
            text-align:right;
            margin-top:15px;
        }
        #LightBox .Row .Product
        {
            width:270px;
            text-align:left;
        }
        #LightBox .Row .Option
        {
            width:140px;
        }
        #LightBox .Row .Quantity
        {
            width:80px;
        }
        #LightBox .Row .Remove
        {
            width:40px;
        }
    #LightBox input
    {
        margin-top:-2px;
    }
    #LightBox .Message
    {
        width:400px;
        text-align:center;
        color:#f20;
    }
    #LightBox .Footer
    {
        width:400px;
        text-align:right;
        margin:0 auto;
    }
        #LightBox .Footer .Button
        {
            margin:0 10px;
        }
/* *************************************
lightboxMail*/
#LightBoxMail
{
    width:500px;
    text-align:left;
    background-color:#fff;
}
#LightBoxMail .Header
{
    width:500px;
    margin:0 auto;
}
#LightBoxMail .Header .Option,
#LightBoxMail .Header .Product,
#LightBoxMail .Header .Thumbnail
{display:none;}
#LightBoxMail .Header .Price
{
    float:left;
    width:300px;
    text-align:right;
}
#LightBoxMail .Header .Quantity
{
    float:left;
    width:100px;
    text-align:right;
}
#LightBoxMail .Header .Total
{
    float:left;
    width:100px;
    text-align:right;
}
#LightBoxMail .Row
{
    height:120px;
    width:500px;
    margin:5px auto;
}
#LightBoxMail .Row .Thumbnail
{
    float:left;
    width:120px;
    text-align:left;
}
#LightBoxMail .Row .Product,
#LightBoxMail .Row .Option
{
    float:left;
    width:380px;
}
#LightBoxMail .Row .Price
{
    float:left;
    width:180px;
    text-align:right;
}
#LightBoxMail .Row .Quantity
{
    float:left;
    width:90px;
    text-align:right;
}
#LightBoxMail .Row .Total
{
    float:left;
    width:110px;
    text-align:right;
}
/* *************************************
popUp*/
.PopupBody
{
    width:450px;
    height:450px;
    margin:0;
    padding:0;
    text-align:center;
    font-size:12px;
    background:#fff;
}
.PopupBody #MainImage
{
    width:500px;
    height:500px;
    margin:10px auto;
    float:none;
    border:1px solid #ccc;
    background:#f5f1f0;
}
.PopupBody #Metadata
{
    font-size:12px;
}
#MainArea .ImageControls
{
    display:none;
}
.PopupBody .ImageControls
{
    width:400px;
    margin:0;
    height:25px;
    font-size:12px;
}
    .PopupBody .ImageControls .Next
    {
        float:right;
        width:100px;
        text-align:right;
    }
    .PopupBody .ImageControls .Previous
    {
        float:left;
        width:100px;
    }
/* *************************************
logiMenu*/
.LoginMenu
{
	color:#666;
	font-size:11px;
	text-align:right;
	background-color:#fff;
	border:1px solid #ccc;
}
    .LoginMenu img
    {
        display:none;
    }
.LoginMenuHeading
{
	font-weight:bold;
	color:#666;
	background-color:#fff;
	text-align:center;
}
.LoginMenuEntry, 
.LoginMenuEntryOver
{
	color:#666;
	text-align: left;
	background-color: #fff;
}
.LoginMenuSubmit
{
	color: #666;
	text-align: center;
	background-color: #fff;
	text-align: center;
	font-weight:bold;
}
.LoginMenuSubmitOver
{
	cursor: pointer;
	cursor: hand;
	color: #666;
	text-align: center;
	background-color: #fff;
	font-weight:bold;
}
/* *************************************
misc*/
#createaccount
{
    float:right;
    margin-left:10px;
}
#createaccount a,
#createaccount a:visited
{
    display:block;
    border:1px #ccc solid;
    padding:5px;
    background-color:#f5f1f0;
    text-align:center;
}
    #createaccount a:hover
    {
        background:#d2beae;
    }
/* *************************************
ImageList Drop Down */
.Pages
{
    text-align:left;
        scrollbar-face-color: #ccc;
        scrollbar-highlight-color: #fff;
        scrollbar-3dlight-color: #fff;
        scrollbar-shadow-color: #fff;
        scrollbar-darkshadow-color: #fff;
        scrollbar-arrow-color: #656565;
        scrollbar-track-color: #fff;
}
.Pages a,
.Pages a:visited
{
    text-decoration:none;
}
.Pages .Button
{
    width:130px;
    background:url('pictures/gs_webgraphics/pagesdrop.gif') no-repeat right center;
}
.Pages ul li ul li a 
{
    text-align:left;
    white-space:nowrap;
}
.Pages ul 
{
    padding:0;
    margin:0;
    list-style-type:none;
    display:block;
}
.Pages li {float:left;width:auto;position:absolute;}
.Pages ul ul 
{
    visibility:hidden;
    position:absolute;
    height:200px;
    top:-200px;
    left:20px; 
    width:100px;
    border:1px #000 solid;
    background:#fff;
}
.Pages ul ul 
{
    visibility:hidden;
    position:absolute;
    height:200px;
    top:-200px;
    left:20px; 
    width:100px;
    border:1px #000 solid;
    background:#fff;
    /* insert below when using scrolling 'none sub menu' lists */
    overflow:auto;
}

.Pages table {position:relative; top:0; left:0; border-collapse:collapse;}
.Pages ul ul li, 
.Pages ul ul a, 
.Pages ul ul a:visited 
{
    color:#666; 
    height:auto; 
    line-height:1em; 
    padding:5px 2px; 
    width:78px;
    background:#fff;
}
.Pages ul ul li
{
    top:0px;
    position:relative;
}
.Pages ul ul li:hover,
.Pages a:hover,
.Pages ul ul a:hover 
{
    color:#333;
    background:#ccc;

}
.Pages :hover > a,
.Pages ul ul :hover > a 
{
    color:#333;
    background:#ccc;}

.Pages ul li:hover ul,
.Pages ul a:hover ul,
.Pages ul ul a:hover
{visibility:visible;}

    .Pages ul ul ul a,
    .Pages ul ul ul a:visited
    {
        color:#666; 
        height:auto; 
        line-height:1em; 
        padding:5px 10px;
        width:120px;
    }
    .Pages ul ul ul a:hover
    {
        color:#666;
        background:#fff;
    }
    .Pages ul li:hover ul,
    .Pages ul a:hover ul{visibility:visible;}
    .Pages ul a:hover ul ul,
    .Pages ul :hover ul ul
    {
        visibility:hidden;
        position:absolute;
        height:0;
        left:104px;
        top:0;
    }
    .Pages ul :hover ul :hover ul,
    .Pages ul a:hover ul a:hover ul
    {
        visibility:visible;
    }
.Pages .Selected
{
    color:#f50!important;
}
.Pages ul ul ul
{
    border:1px #000 solid;
    height:220px !important;
    width:auto;
    background:#fff;
    z-index:500;
    padding-top:1px;
}
/* =====================================
end*/

body.aid_GALLERIES #MainArea       { height:430px;  padding-top:30px; }
body.aid_GALLERIES #flashcontent   { width:565px; }
body.aid_GALLERIES_2 #MainArea     { height:430px;  padding-top:30px; }
body.aid_GALLERIES_2 #flashcontent { width:565px; }
body.aid_GALLERIES_3 #MainArea     { height:430px;  padding-top:30px; }
body.aid_GALLERIES_3 #flashcontent { width:565px; }

.galleries { display:none; }

body.aid_GALLERIES .galleries,
body.aid_GALLERIES_2 .galleries,
body.aid_GALLERIES_3 .galleries { display:block; }


// from System Meta Data