/* ************************** */
/* MariaAshbyGilesPhotography */
/* #000 #33322e */ 
/* ************************** */
html,
body
{
    height:100%;
    margin:0;
    padding:0;
}
body
{
    color:#fff;
    font-family:Trebuchet MS;
    font-size:14px;
    line-height:20px;
    background:#33322e url('pictures/gs_webgraphics/xbg_main.jpg') no-repeat center center;
    
        scrollbar-face-color:#33322f;
	    scrollbar-highlight-color:#999;
	    scrollbar-3dlight-color: #33322f;
	    scrollbar-shadow-color: #999;
	    scrollbar-darkshadow-color: #33322f;
	    scrollbar-arrow-color: #999;
	    scrollbar-track-color: #33322f;
}
    * html body{line-height:18px;}
    h1,h2,h3,h4,h5,h6
    {
        line-height:normal;
    }
        h1{font-size:22px;}
            h2{font-size:20px;}
                h3{font-size:18px;}
                    h4{font-size:16px;}
                        h5{font-size:14px;}
                            h6{font-size:12px;}

#ExtraText        {width:800px; margin:0 auto; padding:0; background:#33322e;}
#ExtraText h1     {font-size:10px; font-weight:bold; color:#b5b5b5; padding:0; border:0; margin:0; display:inline;}
#ExtraText .extra {color:#828181; font-size:9px; font-weight:normal;}
#ExtraText        {display:;} /* Use to switch */
               
                            
/* ********************//******************** */
/*pageMenu*/
a:link,
a:visited
{
    color:#fff;
    text-decoration:underline;
}
a:hover,
a:active
{
    color:#fff;
    text-decoration:none;
}
.PageMenu
{
    float:left;
    width:135px;
    height:400px;
    padding-top:50px;
    background: url('pictures/gs_webgraphics/bg_menu.jpg') no-repeat right center;
}
    .PageMenu .MenuItem
    {
        width:100%;
    }
        .PageMenu .MenuItem a
        {
            font-family:Arial;
            letter-spacing:1px;
            display:block;
            font-size:16px;
            padding:5px 0 5px 7px;
        }
        .PageMenu .MenuItem a:link,
        .PageMenu .MenuItem a:visited
        {
            text-decoration:none;
            color:#fff;
        }
        .PageMenu .MenuItem a:hover,
        .PageMenu .MenuItem a:active
        {
            color:#111;
        }
/* ********************//******************** */
/*mainDiv*/
#Wrapper 
{
    margin:0 auto;
    padding:0;
    border:none;
    height:100%;
    text-align:center;
    vertical-align:middle;
    width:900px;
}
#Container
{
    width:900px;
    height:630px;
    margin:0 auto;
    /*border-bottom:1px #999 solid;*/
    text-align:left;
    background: url('pictures/gs_webgraphics/bg_container.jpg') no-repeat top center;
}
    #Logo
    {
        float:left;
        width:900px;
        height:60px;
        clear:both;
        font-size:30px;
        text-align:center;
        line-height:normal;
        padding-top:20px;
        color:#fff;
    }
    #MainArea
    {
        float:right;
        width:750px;
        height:450px;
        margin-bottom:5px;
        background: url('pictures/gs_webgraphics/bg_mainarea.jpg') no-repeat 735px 50%;
    }
        * html #MainArea
        {
            wid\th:750px;
        }
        #PageContent
        {
            float:right;
            width:310px;
            height:430px;
            overflow:auto;
            padding:20px 5px 0 10px;
            margin-right:25px;
        }
            * html #PageContent
            {
                width:300px;
            }
        #MainImage
        {
            float:left;
            width:400px;
            height:450px;
            text-align:center;
        }
            #MainImage .Copyright
            {
                margin-top:-25px;
            }
#Phosys
{
    clear:both;
    width:900px;
    height:80px;
    margin-top:30px;
    background: url('pictures/gs_webgraphics/bg_phosys.jpg') no-repeat top center;
}
    *+html #Phosys
    {
        margin-top:10px;
    }
        * html #Phosys
        {
            ma\rgin-top:10px;
        }
    #Phosys img
    {
        margin-top:10px;
	    behavior: url('images/FixPng.htc');
    }
    
#flashcontent {width:715px; height:400px; margin-top:20px; padding:0;}
    
/* ********************//******************** */
/*contactForm*/
#ContactForm
{
    float:left;
    width:400px;
    height:430px;
    margin-top:20px;
	    scrollbar-face-color:transparent;
	    scrollbar-highlight-color:transparent;
	    scrollbar-3dlight-color:transparent;
	    scrollbar-shadow-color:transparent;
	    scrollbar-darkshadow-color:transparent;
	    scrollbar-arrow-color:transparent;
	    scrollbar-track-color:transparent;
}
    #ContactForm .Row
    {
        width:400px;
        height:auto;
        clear:both;
        margin:2px 0;
    }
        #ContactForm .Row .Label
        {
            float:left;
            width:120px;
        }
        #ContactForm .Row .Field
        {
            float:left;
            width:270px;
        }
    #ContactForm .Footer
    {
        width:270px;
        text-align:center;
        font-weight:bold;
    }            
/* ********************//******************** */
/*albumList*/
#AlbumList
{
    float:left;
    width:400px;
    height:438px;
    margin-top:12px;
    overflow:auto;
}
    #AlbumList .Row
    {
        border:1px #53524f solid;
        width:370px;
        height:110px;
        float:left;
        margin:3px 0;
        padding:5px;
        cursor:pointer;
        cursor:hand;
    }
        #AlbumList .Row:hover {border:1px #999 solid;}
    #AlbumList .Thumbnail
    {
        width:120px;
        height:110px;
        text-align:center;
    }
    #AlbumList .ThumbTable
    {
        float:left;
        width:110px;
        text-align:center;
    }
    #AlbumList .Title{margin-top:10px;}
    #AlbumList .Button,
    #AlbumList .Thumbnail,
    #AlbumList .Title
    {
        cursor:hand;
        cursor:pointer;
        font-weight:bold;
    }
/* ********************//******************** */
/*login menu*/
.LoginMenu
{
	color: #33322f;
	font-size:11px;
	text-align:right;
	background-color: #000;
	border: 1px solid #ccc;
}
    .LoginMenu img
    {
        display:none;
    }
.LoginMenuHeading
{
	font-weight:bold;
	color:#fff;
	background-color:#33322f;
	text-align:center;
}
.LoginMenuEntry, 
.LoginMenuEntryOver
{
	color: #333;
	text-align: left;
	background-color: #666;
}
.LoginMenuSubmit
{
	color: #33322f;
	text-align: center;
	background-color: #666;
	text-align: center;
	font-weight:bold;
}
.LoginMenuSubmitOver
{
	cursor: pointer;
	cursor: hand;
	color: #fff;
	text-align: center;
	background-color: #33322f;
	font-weight:bold;
}
/* ********************//******************** */
/*imageList*/
#ImageList
{
    float:left;
    width:755px;
    height:445px;
}
    #Images
    {
        float:right;
        width:745px;
        height:430px;
        margin-left:10px;
        overflow:auto;
    }
    #ImageList .Item
    {
        float:left !important;
        width:110px;
        height:128px;
        margin:5px 7px;
        padding:2px 25px 0 25px;
        border:1px #53524f solid;
        text-align:center;
        clear:none;
    }
        * html #ImageList .Item
        {
            ma\rgin:1px 5px;
            he\ight:126px;
        }
        #ImageList .Item:hover {border:1px #999 solid;}
        #ImageList .ThumbTable
        {
            width:100px;
            height:108px;
        }
            #ImageList .ThumbTable img
            {
                padding:0;
                margin:0;
            }
        #ImageList .LightBox
        {display:none;
            position:relative;
            top:-4px;
            font-size:11px;
            width:110px;
            height:20px;
        }
            *+html #ImageList .LightBox
            {
                top:-1px;
            }
            * html #ImageList .LightBox
            {
                to\p:-1px;
            }
    #ImageList .Footer
    {
        height:20px;
        width:750px;
        font-size:12px;
    }
        #ImageList .Footer .Previous
        {
            float:left;
            width:80px;
            padding-left:20px;
            height:20px;
        }
        #ImageList .Footer .Pages
        {
            float:left;
            width:550px;
            text-align:center;
            height:20px;
        }
        #ImageList .Footer .Next
        {
            float:right;
            width:50px;
            height:20px;
            padding-right:50px;
            text-align:right;
        }
        #ImageList .Footer a {font-weight:normal;text-decoration:none;}
/* ********************//******************** */
/*popUp*/
.PopupBody
{
    width:600px;
    height:600px;
    margin:0;
    padding:0;
    text-align:center;
    font-size:12px;
    background-color:#3b3b39 !important;
}
    .PopupBody #MainImage
    {
        width:550px;
        height:550px;
        margin:15px auto;
        float:none;
        border:1px solid #666;
        background-color:#333;
        text-align:center;
    }
        .PopupBody #Metadata
        {
            font-size:12px;
        }
        .PopupBody .OuterImage
        {
            text-align:center;
        }
.PopupBody .ImageControls{
        position:absolute;
        bottom:0;
        left:0;
        width:600px;
        margin:0;
        height:25px;
        font-size:12px;
        padding:3px 0 0 0;
        border-top:1px #999 solid;
        background:#555;
        color:#fff;
}
.PopupBody .ImageControls .Next{
        float:right;
        width:100px;
        text-align:right;
        padding-right:20px;
}
.PopupBody .ImageControls .Previous{
        float:left;
        width:100px;
        padding-left:20px;
}
.PopupBody .ImageControls a,
.PopupBody .ImageControls a:visited{
        color:#fff;
        text-decoration:none;
        background:0;
}
/* ********************//******************** */
/*metaData*/
#MetaData
{  
    float:left;
	margin:0;
	padding:0;
	cursor: pointer;
	cursor: hand;
	text-align: right;
	background-color: transparent;
}
    .MetaData
    {
        float:left;
	    color: #000;
	    text-align: left;
	    background-color: #333;
	    border: 1px solid #565656;
    }
    .MetaDataTitle
    {
        font-size:12px;
	    font-weight: bold;
	    color: #fff;
	    background-color: #565656;
	    text-align: left;
    }
    .MetaDataHeading
    {
        font-size:12px;   
	    font-weight: normal;
	    color: #999;
	    background-color: #333;
	    text-align: left;
    }
    .MetaDataField
    {
        font-size:12px;
	    color: #999;
	    background-color: #333;
	    cursor: pointer;
	    cursor: hand;
    }
    .MetaDataFieldOver
    {
        font-size:12px;
	    cursor: pointer;
	    cursor: hand;
	    color: #fff;
	    background-color: #565656;
    }
    .MetaDataCommand
    {
        font-size:12px;
	    color: #999;
	    text-align: right;
	    background-color: #333;
    }
    .MetaDataCommandOver
    {
        font-size:12px;
	    cursor: pointer;
	    cursor: hand;
	    color: #fff;
	    text-align: right;
	    background-color: #565656;
    }
    .MetaDataBasket
    {
        font-size:12px;
	    color: #565656;
	    text-align: right;
	    background-color: #fff;
    }
    .MetaDataBasketOver
    {
        font-size:12px;
	    cursor: pointer;
	    cursor: hand;
	    color: #565656;
	    text-align: right;
	    background-color: #fff;
    }
/* ********************//******************** */
/*albumLogin*/
#AlbumLogin
{
    width:300px;
    height:auto;
}
    #AlbumLogin .Row
    {
        width:300px;
        height:auto;
        margin:2px 0;
        clear:both;
    }
        #AlbumLogin .Row .Label
        {
            float:left;
            width:100px;
        }
        #AlbumLogin .Row .Field
        {
            float:left;
            width:200px;
        }
    #AlbumLogin .Footer
    {
        width:250px;
        text-align:center;
        font-weight:bold;
    }
/* ********************//******************** */
/*lightBox*/
#LightBox
{
    float:left;
    width:400px;
    height:450px;
}
    #LightBox .Header
    {
        height:20px;
        width:400px;
        clear:both;
    }
        #LightBox .Header .Thumbnail,
        #LightBox .Header .Product{display:none}
        #LightBox .Header .Option,
        #LightBox .Header .Quantity,
        #LightBox .Header .Remove
        {
            width:60px;
            float:left;
            clear:none;
            text-align:right;
        }
        #LightBox .Header .Option{width:250px;}
    #LightBox .List
    {
        width:400px;
        height:420px;
        overflow:auto;
    }
    #LightBox .Row
    {
        border:1px #53524f solid;
        padding:0 10px;
        margin:5px 0;
        width:358px;
    }
        #LightBox .Row .Thumbnail,
        #LightBox .Row .ThumbTable
        {
            float:left;
            width:110px;
            height:110px;
            text-align:center;
        }
        #LightBox .Row .Product,
        #LightBox .Row .Option,
        #LightBox .Row .Quantity,
        #LightBox .Row .Remove
        {
            text-align:right;
            float:left;
        }
        #LightBox .Row .Product
        {
            text-align:left;
            padding-top:20px;
            width:200px;
        }
        #LightBox .Row .Option{width:130px;}
        #LightBox .Row .Quantity{width:70px;}
        #LightBox .Row .Remove{width:50px;}
        #LightBox .Footer .Button
        {
            float:right;
            margin:0 10px;
        }
    .LightBox{text-align:center;}
/* ********************//******************** */
/*shoppingCart*/
#ShoppingCart
{
    float:left;
    width:400px;
    height:450px
}
    #ShoppingCart .Header
    {
        height:20px;
        width:400px;
        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;
            width:60px;
        }
        #ShoppingCart .Header .Price{width:180px;}
    #ShoppingCart .List
    {
        width:400px;
        height:400px;
        overflow:auto;
    }
    #ShoppingCart .Row
    {
        width:358px;
        border:1px #53524f solid;
        height:110px;
        padding:0 10px;
        margin:5px 0;
    }
        #ShoppingCart .Row .Thumbnail,
        #ShoppingCart .Row .Thumbnail table
        {
            float:left;
            width:110px;
            height:110px;
            text-align:center;
        }
        #ShoppingCart .Row .Price,
        #ShoppingCart .Row .Quantity,
        #ShoppingCart .Row .Total,
        #ShoppingCart .Row .Remove
        {
            float:left;
            text-align:right;
        }
        #ShoppingCart .Row .Option{height:40px;}
        #ShoppingCart .Row .Price{width:55px;}
        #ShoppingCart .Row .Quantity
        {
            width:65px;
            margin-top:-4px;
        }
        #ShoppingCart .Row .Total{width:60px;}
        #ShoppingCart .Row .Remove
        {
            width:60px;
            margin-top:-4px;
        }
            #ShoppingCart .Row .Quantity input
            {
                text-align:right;
                width:25px;
            }
        #ShoppingCart .Footer .Total
        {
            text-align:right;
            padding-right:80px;
            color:#f20;
        }
        #ShoppingCart .Footer .Button
        {
            float:right;
            margin:0 10px;
        }
    .ErrorText
    {
        font-weight:bold;
        color:#000;
    }
/* ********************//******************** */
/*loginForm*/
#LoginForm
{
    float:left;
    width:400px;
    height:auto;
    margin-top:50px;
}
    #LoginForm .Row
    {
        width:380px;
        height:auto;
        margin:2px 0 2px 20px;
        clear:both;
    }
        #LoginForm .Row .Label
        {
            float:left;
            width:150px;
        }
        #LoginForm .Row .Field
        {
            float:left;
            width:230px;
        }
    #LoginForm .Footer
    {
        width:380px;
        text-align:center;
        font-weight:bold;
        clear:both;
    }
    #LoginForm input,
    #LoginForm textarea
    {
        width:180px;
    }
    #LoginForm select
    {
        width:185px;
    }
/* ********************//******************** */
/*lightboxMail*/
#LightBoxMail
{
    width:520px;
    text-align:left;
    background-color:#FFFFFF !important;
    color:#000000 !important;
}
    #LightBoxMail a
    {
        text-decoration:underline;
        color:#000;
    }
    #LightBoxMail .Header
    {
        width:500px;
        margin:0 auto;
        color:#000000
    }
        #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;
        color:#000000;
    }
        #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;
        }
/* ********************//******************** */
/*contactMail*/
#ContactMail
{
	float: left;
	background-color: #fff;
	color:#000;
	width:500px !important;
	padding:0;
	margin:0;
}
    #ContactMail .Row
    {
	    text-align: left;
	    width:500px !important;
	    padding:0px;
	    clear:both;
    }
        #ContactMail .Row .Label
        {
            font-weight:bold;
	        float:left;
	        width:250px !important;
        }
        #ContactMail .Row .Field
        {
            font-style:italic;
	        float:left;
	        width:250px !important;
        }
/* ********************//******************** */
/*miscClass*/
.base
{
    font-size:11px;
    line-height:normal;
}
.createaccount
{
    border:1px #999 solid;
    padding:3px 5px;
    background-color:#333;
    width:200px;
    margin:0 auto;
    text-align:center;
}
/* ********************//******************** */
/*end*/
.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