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

/* **************************
        True-Picture
************************** */
*
{
    padding:0;
    margin:0;
}
body 
{
    font: 0.7em Verdana, San-Serif, Serif;
    color:#f1f1f1;
    line-height:2em;
    background: #505050 url('pictures/gs_webgraphics/bg_main.jpg') repeat-x top center;
    	scrollbar-face-color: #666;
	        scrollbar-highlight-color: #545454;
	            scrollbar-3dlight-color: #545454;
	                scrollbar-shadow-color: #999;
	                    scrollbar-darkshadow-color: #545454;
	                        scrollbar-arrow-color: #f1f1f1;
	                            scrollbar-track-color: #545454;
}
a img
{
    border:0;
}
a:link,
a:visited
{
    text-decoration:underline;
    color:#f1f1f1;
}
    a:hover,
    a:active
    {
        text-decoration:none;
        color:#f1f1f1;
    }
h1,h2,h3,h4,h5,h6
{
    line-height:normal;
    font-family:Arial Narrow, Helvetica, Sans-Serif, Serif;
    font-weight:normal;
    margin:10px 0;
}
    h1{font-size:3.5em;border-bottom:3px #f1f1f1 solid;}
        h2{font-size:3em;margin-bottom:5px;}
            h3{font-size:2.5em;}
                h4{font-size:2em;}
                    h5{font-size:1.7em;}
                        h6{font-size:1.5em;}
/* **************************************
navigation*/
.PageMenu
{
    width:900px;
    height:40px;
    clear:both;
    font-size:1.1em;
    letter-spacing:0.1em;
    font-family: Trebuchet MS;
}
    .PageMenu .Alignment
    {
        float:left;
        width:auto;
    }
    .PageMenu .MenuItem
    {
        float:left;
        text-align:center;
        border-left:1px #999 solid;
    }
    .PageMenu .First
    {
        border:0;
    }
        .PageMenu .MenuItem a,
        .PageMenu .MenuItem a:visited 
        {
            display:block;
            text-decoration:none;
            color:#ccc;
            padding:0 10px;
            line-height:29px;
        }
            .PageMenu .MenuItem ul li ul li a {text-align:left;white-space:nowrap;}
            .PageMenu .MenuItem ul {padding:0;margin:0;list-style-type:none;}
			.PageMenu .MenuItem li {float:left;width:auto;position:relative;}
			.PageMenu .MenuItem ul ul {visibility:hidden;position:absolute;height:0;top:29px;left:-1px; width:90px;}
			.PageMenu .MenuItem table {position:absolute; top:0; left:0; border-collapse:collapse;}
			.PageMenu .MenuItem ul ul a, 
			.PageMenu .MenuItem ul ul a:visited {background:#656565; color:#ccc; height:auto; line-height:1em; padding:5px 10px;width:90px;}
			.PageMenu .MenuItem a:hover,
			.PageMenu .MenuItem ul ul a:hover {color:#fff;background:#aaa;}
			.PageMenu .MenuItem :hover > a,
			.PageMenu .MenuItem ul ul :hover > a {color:#fff;background:#aaa;}
			
			.PageMenu .MenuItem ul li:hover ul,
			.PageMenu .MenuItem ul a:hover ul{visibility:visible;}
			
			/*third Level*/
		        .PageMenu .MenuItem ul ul ul a,
		        .PageMenu .MenuItem ul ul ul a:visited
		        {
		            background:#656565; 
		            color:#ccc; 
		            height:auto; 
		            line-height:1em; 
		            padding:5px 10px; 
		            width:130px;
		        }
		        .PageMenu .MenuItem ul ul ul a:hover
		        {
		            color:#fff;background:#555;
		        }
                .PageMenu .MenuItem ul li:hover ul,
                .PageMenu .MenuItem ul a:hover ul{visibility:visible; }
                .PageMenu .MenuItem ul :hover ul ul
                {
                    visibility:hidden;
                    position:absolute;
                    height:0;
                    left:120px;
                    top:0;
                }
                .PageMenu .MenuItem ul :hover ul :hover ul{visibility:visible;}
            /*drop img*/
                .PageMenu .MenuItem .Drop
                {
                    background:#656565 url('pictures/gs_webgraphics/drop.gif') no-repeat 97% 90% !important;
                }
                .PageMenu .MenuItem .Drop:hover
                {
                    background:#555 url('pictures/gs_webgraphics/drop.gif') no-repeat 97% 90% !important;
                }
/* **************************************
mainDiv*/
#Container
{
    width:900px;
    height:auto;
    margin:0 auto;
    clear:both;
    background: #111 url('pictures/gs_webgraphics/bg_container.jpg') repeat-x top center;
}
    #PageHeader
    {
        width:900px;
        height:100px;
        clear:both;
    }
            #Logo
            {
                width:900px;
                height:62px;
                clear:both;
                text-align:center;
                background: url('pictures/gs_webgraphics/logo.jpg') no-repeat left center;
            }
    #MainArea
    {
        width:900px;
        height:auto;
        min-height:500px;
        clear:both;
        background: #111 url('pictures/gs_webgraphics/bg_mainarea.jpg') no-repeat center center;
    }
        #MainImage
        {
            float:right;
            width:400px;
            height:450px;
            text-align:center;
        }
        #PageContent
        {
            float:left;
            width:400px;
            height:auto;
            padding:0 20px 20px 20px;
        }
            #PageContent p
            {
                margin:10px 0;
            }
                #PageContent .link
                {
                    float:left;
                    width:250px;
                    height:350px;
                    border:1px #333 solid;
                    background:#636363;
                    padding:0 10px;
                    margin:0 5px;
                }
                #PageContent ul,
                #PageContent li{
                        margin-left:10px;
                }
        #flashcontent
        {
            width:900px;
            height:100%;
        }
#Footer
{
    width:100%;
    height:50px;
    text-align:center;
    background:#505050;
    border-top:1px #666 solid;
    clear:both;
}
    #Footer .FooterContent
    {
        width:900px;
        height:50px;
        margin:0 auto;
        background: url('pictures/gs_webgraphics/logo-bottom.jpg') no-repeat 100% 50%;
    }
        #Footer .FooterContent a
        {
            float:left;
            font-size:9px;
            text-decoration:none;
            color:#999;
        }
#Phosys
{
    display:none;
}
/* **************************************
albumlist*/
#AlbumList
{
    float:right;
    width:400px;
    height:500px;
    overflow:auto;
    padding-top:5px;
    margin-left:10px;
}
    #AlbumList .Row
    {
        float:left;
        width:380px;
        height:110px;
        border:1px #333 solid;
        cursor:pointer;
        cursor:hand;
        background-color:#636363;
        margin:2px 0;
    }
        #AlbumList .Row .Thumbnail,
        #AlbumList .Row .ThumbTable
        {
            float:left;
            height:110px;
            width:110px;
            text-align:center;
        }
        #AlbumList .Row .Title
        {
            float:left;
            width:260px;
            font-size:12px;
            font-weight:bold;
        }
        #AlbumList .Row .Description
        {
            float:left;
            width:260px;
            height:60px;
        }
        #AlbumList .Row .Button
        {
            float:right;
            padding-right:10px;
        }
/* **************************************
contactform*/
#ContactForm
{
    margin:20px 0;
    float:right;
    width:400px;
    height:380px;
    clear:none;
}
    #ContactForm .Row
    {
        width:380px;
        margin:1px 0;
        clear:both;
    }
        #ContactForm .Row .Label
        {
            width:100px;
            text-align:right;
            float:left;
            clear:left;
            padding-right:10px;
        }
        #ContactForm .Row .Field
        {
            width:270px;
            float:left;
            clear:right;
        }
    #ContactForm .Footer
    {
        float:right;
        width:330px;
        padding-right:50px;
        clear:both;
        text-align:right;
    }
        #ContactForm textarea
        {
            overflow:auto;
        }
/* **************************************
shoppingBasket*/
#ShoppingCart
{
    float:right;
    width:400px;
    height:550px;
}
    #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:450px;
        clear:both;
    }
    #ShoppingCart .Row
    {
        width:375px;
        height:110px;
        border:1px #000 solid;
        background:#333;
        margin:1px 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;}
/* **************************************
albumlogin*/
#AlbumLogin{clear:both;}
    #AlbumLogin .Row
    {
	    width:300px;
	    float:left;
	    clear:both;
	    height:25px;
    }
        #AlbumLogin .Row .Label
        {
	        width:100px;
	        float:left;
        }
        #AlbumLogin .Row .Field
        {
	        width:150px;
	        float:left;
        }
        #AlbumLogin .Footer
        {
            width:300px;
            text-align:center;
        }
    .Button
    {
        font-weight:bold;
    }
/* **************************************
loginForm*/
#LoginForm
{
    float:left;
    width:325px;
    padding:15px;
}
    #LoginForm .Row
    {
        width:320px;
        float:left;
        margin-left:5px;
    }
        #LoginForm .Row .Label
        {
            width:120px;
            float:left;
            margin:2px 0;
        }
        #LoginForm .Row .Field
        {
            width:200px;
            float:left;
            margin:5px 0;
        }
    #LoginForm .Title{text-align:left;}
    #LoginForm .Footer
    {
        width:320px;
        text-align:center;
    }
        #LoginForm .Button{text-align:center;}
    #LoginForm input,
    #LoginForm select,
    #LoginForm textarea
    {
        width:150px;
        overflow:auto;
    }
/* **************************************
login*/
.LoginMenu
{
	color: #FFF;
	text-align: right;
	background-color: #292929;
	border: 1px solid #FFF;
}
    .LoginMenu img
    {
        display:none;
    }
    .LoginMenuHeading
    {
	    font-weight:  bold;
	    color: #FFF;
	    background-color: #292929;
	    text-align: left;
    }
    .LoginMenuEntry, 
    .LoginMenuEntryOver
    {
	    color: #FFF;
	    text-align: left;
	    background-color: #292929;
    }
    .LoginMenuSubmit
    {
	    font-size: 12px;
	    color: #FFF;
	    text-align: center;
	    background-color: #292929;
	    text-align: center;
	    font-weight:bold;
    }
    .LoginMenuSubmitOver
    {
	    cursor: pointer;
	    cursor: hand;
	    font: 12px;
	    color: #292929;
	    text-align: center;
	    background-color: #FFF;
	    font-weight:bold;
    }
/* **************************************
imageList*/
#ImageList
{
    width:880px;
    height:500px;
    clear:both;
    margin-left:20px;
}
    #Images
    {
        width:880px;
        height:480px;
    }
    #ImageList .Item
    {
        float:left;
        width:115px;
        height:115px;
        border:1px #333 solid;
        background:#636363; 
        margin:3px;
        text-align:center;
    }
        #ImageList .Item .Thumbnail
        {
            height:113px;
        }
    #ImageList .Footer
    {
        width:880px;
        height:20px;
    }
        #ImageList .Footer .Previous
        {
            float:left;
            width:100px;
            height:20px;
        }
        #ImageList .Footer .Pages
        {
            float:left;
            width:600px;
            height:20px;
            text-align:center;
        }
        #ImageList .Footer .Next
        {
            float:right;
            text-align:right;
            width:80px;
            height:20px;
            padding-right:20px;
        }
/* **************************************
popup*/
.PopupBody
{
    width:720px;
    height:740px;
    text-align:center;
    padding:0;
    margin:0;
    background:0;
    background: #111 url('pictures/gs_webgraphics/bg_mainarea.jpg') no-repeat top center;
}
    .PopupBody #MainImage
    {
        width:700px;
        height:700px;
        text-align:center;
        margin:0;
        padding:0;
        float:none;
        margin:0 auto;
    }
/* **************************************
misc*/
.imgright
{
    float:right;
    margin-left:10px;
}
.imgleft
{
    float:left;
    margin-right:10px;
}
.left{
        float:left;
        margin-left:100px;
}
/* **************************************
metadata*/
#MetaData
{  
    float:left;
	margin:0;
	padding:0;
	cursor: pointer;
	cursor: hand;
	text-align: right;
	background-color: #292929;
	line-height:normal;
	font-size:10px;
}
    .MetaData
    {
        float:left;
	    color: #FFF;
	    text-align: left;
	    background-color: #292929;
	    border: 1px solid #FFF;
	    font-size:10px;
    }
        .MetaDataTitle
        {
	        font-weight: bold;
	        color: #292929;
	        background-color: #FFF;
	        text-align: left;
	        font-size:10px;
        }
        .MetaDataHeading
        {
	        font-weight: normal;
	        color: #FFF;
	        background-color: #292929;
	        text-align: left;
	        font-size:10px;
        }
        .MetaDataField
        {
	        color: #FFF;
	        background-color: #292929;
	        cursor: pointer;
	        cursor: hand;
	        font-size:10px;
        }
            .MetaDataFieldOver
            {
	            cursor: pointer;
	            cursor: hand;
	            color: #292929;
	            background-color: #FFF;
	            font-size:10px;
            }
        .MetaDataCommand
        {
	        color: #FFF;
	        text-align: right;
	        background-color: #292929;
	        font-size:10px;
        }
            .MetaDataCommandOver
            {
	            cursor: pointer;
	            cursor: hand;
	            color: #292929;
	            text-align: right;
	            background-color: #FFF;
	            font-size:10px;
            }
        .MetaDataBasket
        {
	        color: #FFF;
	        text-align: right;
	        background-color: #292929;
	        font-size:10px;
        }
            .MetaDataBasketOver
            {
	            cursor: pointer;
	            cursor: hand;
	            color: #FFF;
	            text-align: right;
	            background-color: #292929;
	            font-size:10px;
            }
/* **************************************
end*/

/* ======================================
   ==============splash Page============= 
#Container
{
    width:100%;
    height:100%;
    text-align:left;
    background:0;
}
html {height:100%;}
Body
{
    height:100%;
    background:0;
    background: #454545 url('pictures/gs_webgraphics/bg_container_splash.jpg') repeat-x top center;
}
#MainArea
{
    background:0;
    width:900px;
    height:100%;
    background: transparent url('pictures/gs_webgraphics/bg_mainarea_splash.jpg') repeat-y left center;
}
#MainImage
{
    float:left;
    width:700px;
    height:254px;
    margin-top:0;
    border-bottom:4px #aaa solid;
}
#PageContent
{
    text-align:right;
    width:900px;
    padding:20px 0;
    margin:0;
}
.PageMenu,
.Copyright,
#PageHeader
{
    display:none;
}
#Footer
{
    position:absolute;
    bottom:0;
    height:25px;
}
#Footer .FooterContent {width:600px;}
====================================== */
.CommerceListList 
{
	text-align: left;
	width: 449px;
	height: 400px;
	overflow: auto;
	clear: both;
}

.CommerceListControls
{
	clear: both;
	width: 430px;
}

.CommerceListButtonCheckout
{
	width: 145px;
	text-align: center;
	font-weight:bold;
	float: left;
}

.CommerceListButtonUpdate
{
	width: 145px;
	text-align: center;
	font-weight:bold;
	float: left;
}

.CommerceListGrandTotal {
	width: 100px;
	left: 290px;
	text-align: right;
	font-weight:bold;
	color: #00CCFF;
	border-top: 1px solid #00CCFF;
	float: left;
}

.CommerceListHeader
{
	clear: both;
	width: 430px;
}

.CommerceListRow
{
	text-align: left;
	border-bottom: 1px dashed #00CCFF;
	clear: both;
	height: 100px;
	width: 425px;
}

.CommerceListThumbnail {
	float: left;
	clear: none;
	width: 100px;
}

.CommerceListThumbTable {
	width: 100px;
	height: 100px;
}

.CommerceListProduct {
	font-style: italic;
	color: #00CCFF;
	text-decoration: underline;
	font-weight: bold;
	margin-left: 5px;
	width: 295px;
	float: left;
}

.CommerceListOption{
	height: 40px;
	margin-left: 5px;
	width: 295px;
	float: left;
}

.CommerceListPrice {
	text-align: right;
	font-weight:bold;
	color: #00CCFF;
	margin-left: 5px;
	width: 145px;
	float: left;
}

.CommerceListQty {
	text-align: right;
	width: 40px;
	float: left;
	margin-top: -4px;
}

.CommerceListQty INPUT {
	width: 20px;
}

.CommerceListTotal {
	width: 100px;
	text-align: right;
	font-weight:bold;
	color: #00CCFF;
	float: left;
}

.CommerceListRemoveItem {
	width: 30px;
	text-align: right;
	float: left;
	margin-top: -4px;
}

.CommerceListThumbnailTitle {
	width: 100px;
	float: left;
	color: white;
}

.CommerceListProductTitle
{
	display: none;
}

.CommerceListOptionTitle
{
	display: none;
}

.CommerceListPriceTitle {
	text-align: right;
	width: 150px;
	float: left;
	border-bottom: 1px solid #00CCFF;
}

.CommerceListQtyTitle {
	text-align: right;
	width: 40px;
	float: left;
	border-bottom: 1px solid #00CCFF;
}

.CommerceListTotalTitle {
	width: 100px;
	text-align: right;
	float: left;
	border-bottom: 1px solid #00CCFF;
}

.CommerceListRemoveItemTitle {
	width: 30px;
	text-align: right;
	float: left;
	border-bottom: 1px solid #00CCFF;
}

.LoginFormTitle
{
	width: 400px;
	height: 40px;
}

.LoginFormMessage
{
	width: 400px;
	height: 20px;
}

.LoginFormLabel
{
	margin-left: 10px;
	float: left;
	width: 150px;
}

.LoginFormField
{
	float: left;
	clear: right;
	width: 250px;
}

.LoginFormControls
{
	margin: 20px 0px 0px 170px;
	width: 200px;
	text-align: right;
}

.LoginFormFieldEmail
{
	width:200px;
}

.LoginFormFieldName
{
	width:200px;
}

.LoginFormFieldAddress
{
	width:200px;
	Height: 100px;
	font-family: verdana;
	border: 1px solid #00CCFF;
}

.LoginFormFieldPostcode
{
	width:100px;
}

.LoginFormFieldPassword
{
	width: 200px;
}

.LightboxTitle
{
	width: 400px;
	height: 40px;
}

.LightboxMessage
{
	width: 400px;
	height: 20px;
}

.LightboxLabel
{
	margin-left: 10px;
	float: left;
	width: 150px;
}

.LightboxField
{
	float: left;
	clear: right;
	width: 250px;
}

.LightboxControls
{
	margin: 20px 0px 0px 170px;
	width: 200px;
	text-align: right;
}

.LightboxFieldName
{
	width:200px;
}

.LightboxFieldEmail
{
	width:200px;
}

.LightboxFieldMessage
{
	width:200px;
	Height: 100px;
	font-family: verdana;
	border: 1px solid #00CCFF;
}





.MailCommerceListList 
{
	text-align: left;
	width: 449px;
	height: 400px;
	clear: both;
}

.MailCommerceListControls
{
	clear: both;
	width: 430px;
}

.MailCommerceListGrandTotal {
	width: 100px;
	left: 290px;
	text-align: right;
	font-weight:bold;
	color: #00CCFF;
	border-top: 1px solid #00CCFF;
	float: left;
}

.MailCommerceListHeader
{
	clear: both;
	width: 430px;
}

.MailCommerceListRow
{
	text-align: left;
	border-bottom: 1px dashed #00CCFF;
	clear: both;
	height: 100px;
	width: 425px;
}

.MailCommerceListThumbnail {
	float: left;
	clear: none;
	width: 100px;
}

.MailCommerceListThumbTable {
	width: 100px;
	height: 100px;
}

.MailCommerceListProduct {
	font-style: italic;
	color: #00CCFF;
	text-decoration: underline;
	font-weight: bold;
	margin-left: 5px;
	width: 295px;
	float: left;
}

.MailCommerceListOption{
	height: 40px;
	margin-left: 5px;
	width: 295px;
	float: left;
}

.MailCommerceListPrice {
	text-align: right;
	font-weight:bold;
	color: #00CCFF;
	margin-left: 5px;
	width: 145px;
	float: left;
}

.MailCommerceListQty {
	text-align: right;
	width: 40px;
	float: left;
	margin-top: -4px;
}


.MailCommerceListTotal {
	width: 100px;
	text-align: right;
	font-weight:bold;
	color: #00CCFF;
	float: left;
}


.MailCommerceListThumbnailTitle {
	width: 100px;
	float: left;
	color: white;
}

.MailCommerceListProductTitle
{
	display: none;
}

.MailCommerceListOptionTitle
{
	display: none;
}

.MailCommerceListPriceTitle {
	text-align: right;
	width: 150px;
	float: left;
	border-bottom: 1px solid #00CCFF;
}

.MailCommerceListQtyTitle {
	text-align: right;
	width: 40px;
	float: left;
	border-bottom: 1px solid #00CCFF;
}

.MailCommerceListTotalTitle {
	width: 100px;
	text-align: right;
	float: left;
	border-bottom: 1px solid #00CCFF;
}

.MailCommerceListMessage{
	width: 450px;
	float: left;
}

// from System Meta Data