/* **************************
© Phosys Online Proofing 2008
RallyGalleryPhotography
************************** */
*{margin:0;padding:0;}
html, body, form{height:100%;}
body{
        font-family: Arial, Sans-Serif, Serif;
        font-size:0.85em;
        color:#FFF;
/*        min-width:950px;*/
        background:#5f787a url('pictures/gs_webgraphics/splat.jpg') no-repeat 100% 100%;
}
h1,h2,h3,h4,h5,h6{
        color:#fcfabd;
        font-family:Georgia;
        font-weight:normal;
}
h1{
        font-size:2.2em;
}
h2{font-size:1.3em; font-weight:bold; margin:0 0 1em 0; }h3{font-size:1.2em; }
p{
        margin:14px 0;
        line-height:1.6em;
}

blockquote { background:#485A5B; padding:15px; margin:15px 0; clear:both; }

input,textarea,select{
        font-family:Arial;
        font-size:10px;
        color:#666;
}
tabel,tr,td,th,tl{
        border:0;
}
a img{border:0;}
/***************************************************************************mainPageMenu*/
#PageHeader .PageMenu{
        position:absolute;
        right:0;
        top:95px;
        width:200px;
        height:auto;
        padding:50px 0 0 0;
}
#PageHeader .PageMenu ul,
#PageHeader .PageMenu li{
        list-style:none;
}
#PageHeader .PageMenu .MenuItem{
        height:30px;
        clear:both;
        border-bottom:1px #ccc dotted;
}
#PageHeader .PageMenu .MenuItem a,
#PageHeader .PageMenu .MenuItem a:visited{
        display:block;
        text-decoration:none;
        text-transform:lowercase;
        color:#fff;
        font-size:1.2em;
        font-weight:bold;
        line-height:10px;
        padding:10px;
        width:180px;
}
#PageHeader .PageMenu .MenuItem a:hover{
        color:#ccc;
        background:#444 url('pictures/gs_webgraphics/menuHover.jpg') no-repeat 100% 50%;
}
#PageHeader .PageMenu .Selected{
        color:#fcfabd !important;
        background:#666;
}
/***************************************************************************mainDiv*/
#Wrapper{
        background: url('pictures/gs_webgraphics/bgBody.jpg') repeat-x 0 0;
}
#Wrapper #Inner{
        background:url('pictures/gs_webgraphics/tread.jpg') no-repeat 0 0;
}
#Container{
        height:auto;
        clear:both;
        margin:0 auto;
        text-align:left;
}
#Logo{
        height:145px;
        clear:both;
        background: url('pictures/gs_webgraphics/logo.jpg') no-repeat 100% 0;
}
#MainArea{
		overflow:auto;
		height:auto;
        margin:0 250px 20px 100px;
        border:1px #485a5b solid;
        background: url('pictures/gs_webgraphics/bgMainArea.png') repeat 0 0;
}
* html #MainArea{
        background: url('pictures/gs_webgraphics/bgMainAreaGIF.gif') repeat 0 0;
}
#PageContent{ padding:20px 10px 0 10px; }

#PageContent a,
#PageContent a:visited{
        text-decoration:underline;
        color:#fff;
}
#PageContent a:hover{
        text-decoration:none;
        color:#999;
}
#PageContent ul,
#PageContent li{
        margin:0 0 0 20px;
        list-style:square;
        line-height:2em;
}
#PageContent em{
        font-style:italic;
        color:#fcfabd;
        font-size:1.1em;
}
#PageContent strong{
        color:#fcfabd;
}
#MainImage{
		float:right;
		margin:60px 10px 10px 10px;
        width:402px;
        height:270px;
}
#MainImage .Copyright{
        display:none;
}
#MainImage #MainImage_SlideShow img { border:1px solid #333333; }

#Phosys{ display:none; }

/***************************************************************************siteMap*/
#SiteMap{
        float:right;
        width:400px;
        height:470px;
        margin:0 0 0 20px;
        overflow:auto;
}
#SiteMap .Item{
        width:370px;
        height:auto;
        clear:both;
        padding:2px;
        margin:1px 0;
        border:1px #41413e solid;
}
#SiteMap .Item a,
#SiteMap .Item a:visited{
        float:left;
        text-decoration:none;
        color:#888;
        font-weight:bold;
        font-size:1.1em;
        border-bottom:1px #555 solid;
}
#SiteMap .Item a:hover{
        text-decoration:none;
        color:#fff;
}
#SiteMap .Item #Description{
        float:right;
        width:225px;
        margin:1px;
        padding:2px 2px 2px 10px;
        font-size:0.9em;
        background:#41413e;
}
/***************************************************************************albumList*/
#AlbumList { width:800px; margin:20px auto; overflow:auto; clear:both; }

#AlbumList .Row { float:left; width:200px; height:165px; text-align:center; cursor:pointer;cursor:hand; }

#AlbumList .Row .Thumbnail{ width:220px; height:120px; }

#AlbumList .Row .Thumbnail img { padding:1px; background:#333; }

#AlbumList .Row .Title{ line-height:15px; }

#AlbumList .Row .Button { display:none; }

/***************************************************************************albumLogin*/
#AlbumLogin .Row{
        margin:2px 0;
}
#AlbumLogin .Footer a,
#AlbumLogin .Footer a:visited{
        text-decoration:none;
        color:#fff;
        padding:2px;
}
#AlbumLogin .Footer a:hover{
        color:#333;
        background:#fff;
}
/***************************************************************************loginMenu*/
.LoginMenu{
        color: #fff;
        font-size:11px;
        text-align:right;
        border:1px solid #111;
        background:#666;
}
.LoginMenu img{
        display:none;
}
.LoginMenuHeading{
        font-weight:bold;
        color:#000;
        text-align:center;
        background:#666;
}
.LoginMenuEntry,
.LoginMenuEntryOver{
        color: #000;
        text-align: left;
        background: #666;
}
.LoginMenuSubmit{
        color: #fff;
        text-align: center;
        font-weight:bold;
        background: #888;
}
.LoginMenuSubmitOver{
        cursor: pointer;
        cursor: hand;
        color: #fff;
        text-align: center;
        font-weight:bold;
        background: #333;
}
.LoginMenu imput{
        padding:0 4px;
}
/***************************************************************************Search*/
#MainArea #PageContent .SearchFilter{
        margin:0 auto;
        border:1px #666 solid;
        background:#444;
        padding:10px;
        text-align:center;
}
#MainArea #PageContent .SearchFilter input{
        height:25px;
        width:120px;
        margin:0 10px;
        vertical-align:middle;
        font-size:22px;
}
#MainArea #PageContent .SearchFilter button{
        height:35px;
        vertical-align:middle;
}
/***************************************************************************imageList*/

#ImageList{ width:800px; margin:20px auto; overflow:auto; clear:both; }
#ImageList #Images{ margin:0; padding:0; }

#ImageList #Images .Item { float:left; width:200px; height:165px; text-align:center; cursor:pointer;cursor:hand; margin:0; padding:0; }

#ImageList #Images .Item .ThumbTable,
#ImageList #Images .Item .Thumbnail { width:200px; height:10px; }

#ImageList #Images .Item .Thumbnail img { padding:1px; background:#333; }

#ImageList #Images .Item .Caption { line-height:15px; font-size:9px; }

#MainArea .Pager { clear:both; width:780px; margin:0 auto; }
#MainArea .Pager .Button { display:block; padding:2px 8px; margin:0; clear:none; color:#1E2222; border:1px solid #485A5B; }
#MainArea .Pager .Button a { color:#1E2222; text-decoration:none; }
#MainArea .Pager .Button:hover { background:white; }
#MainArea .Pager .Next { float:right; margin:3px 0 0 0; }
#MainArea .Pager .Previous { float:left; margin:3px 0 0 0; }

/***************************************************************************pageJump*/

#MainArea #ImageList .Footer .Pages { width:120px; margin:0 auto; }

.Pages .Button {  }
.Pages a { text-decoration:underline; }
.Pages ul ul a { text-decoration:none; }
.Pages ul li ul li a { text-align:left; white-space:nowrap; }
.Pages ul { padding:0; margin:0; list-style-type:none; display:block; margin:0 auto; position:static; }
.Pages li { float:left; width:auto; position:absolute; }
.Pages ul ul { visibility:hidden; position:absolute; height:150px; top:-150px; left:0; width:100px; background:#F4F4EB; border:1px solid #4D776D; overflow:hidden; }
* html .Pages ul ul { top:-165px; }
/*\*/
html>body*.Pages ul ul {overflow:auto;}
/**/
.Pages table { position:relative; top:0; left:0; border-collapse:collapse; }
.Pages ul ul li,
.Pages ul ul a { height:auto; line-height:1em; padding:5px 0px; width:80px; text-align:center; }
.Pages ul ul li { top:0px; position:relative;}
.Pages ul ul li:hover,
.Pages a:hover,
.Pages ul ul a:hover { color:#4D776D; }
.Pages :hover > a,
.Pages ul ul :hover > a { color:#4D776D; }
.Pages ul li:hover ul,
.Pages ul a:hover ul,
.Pages ul ul a:hover {visibility:visible; overflow:auto;}
.Pages ul ul ul a,
.Pages ul ul ul a:visited { height:auto; line-height:1em; padding:5px 0px; width:80px; }
.Pages ul ul ul a:hover { }
.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:50px; top:0; }
.Pages ul :hover ul :hover ul,
.Pages ul a:hover ul a:hover ul { visibility:visible; }
.Pages .Selected { font-weight:bold; }
.Pages ul ul ul { height:220px !important; width:auto; background:#F4F4EB; order:1px solid #4D776D; z-index:500; padding-top:1px; }


/***************************************************************************popUpWindow*/

#PopupWindow { background:; }

#PopupWindow #MainImage { width:auto; height:auto; float:none; background:none; margin:0; }

#PopupWindow .CaptionTop { position:relative; top:30px; color:#444444; text-align:center; }
#PopupWindow .CaptionBottom { position:relative; bottom:50px; color:#444444; text-align:center; }

#PopupWindow img.Image { border:1px solid #444444; }
#PopupWindow .ImageControls { overflow:auto; padding:0 2px; }

#PopupWindow .ImageControls .Button { display:block; padding:2px 8px; margin:0; clear:none; color:#1E2222; border:1px solid #485A5B; }
#PopupWindow .ImageControls .Button a { color:#1E2222; text-decoration:none; }
#PopupWindow .ImageControls .Button:hover { background:white; }
#PopupWindow .ImageControls .Next { float:right; margin:3px 0 0 0; }
#PopupWindow .ImageControls .Previous { float:left; margin:3px 0 0 0; }

/***************************************************************************metaData*/

#MetaData{
        float:left;
        margin:0;
        padding:0;
        cursor: pointer;
        cursor: hand;
        text-align: right;
        line-height:normal;
        text-decoration:underline;
}
.MetaData{
        float:left;
        color: #FFF;
        text-align: left;
        background:#F4F4EB;
        border: 1px solid #444444;
}
.MetaDataTitle{
        font-weight:bold;
        color:#444444;
        background:white;
        text-align:left;
}
.MetaDataHeading{
        font-weight: normal;
        color:#444444;
        background:white;
        text-align:left;
}
.MetaDataField{
        color:#444444;
        background: white;
        cursor: pointer;
        cursor: hand;
        font-size:0.8em;
        
}
.MetaDataFieldOver{
        color:#444444;
        background: white;
        cursor: pointer;
        cursor: hand;
        font-size:0.8em;
}
.MetaDataCommand{
        color:#444444;
        text-align: right;
        background:white;
}
.MetaDataCommandOver{
        cursor: pointer;
        cursor: hand;
        color: #446644;
        text-align: right;
        background:white;
}
.MetaDataBasket{
        color: #444444;
        text-align: right;
        background:white;
}
.MetaDataBasketOver{
        cursor: pointer;
        cursor: hand;
        color: #444444;
        text-align: right;
        background:white;
}
/***************************************************************************shoppingBasket*/
#ShoppingCart{
        float:none;
        clear:both;
        margin:0 auto;
        width:700px;
        height:auto;
}
#ShoppingCart .Header{
        width:700px;
        height:20px;
        clear:both;
}
#ShoppingCart .Header DIV{
        float:left;
        width:50px;
        height:20px;
        text-align:right;
}
#ShoppingCart .Header .Thumbnail,
#ShoppingCart .Header .Product{
        display:none;
}
#ShoppingCart .Header .Option{
        width:460px;
}
#ShoppingCart .List{
        width:700px;
        height:auto;
        clear:both;
}
#ShoppingCart .List .Row{
        width:680px;
        height:110px;
        clear:both;
        margin:2px 0;
        border:1px #777 solid;
        background:#4E6666;
}
#ShoppingCart .List .Row div{
        float:left;
        width:50px;
        text-align:right;
}
#ShoppingCart .List .Row .Thumbnail,
#ShoppingCart .List .Row .Thumbnail Table{
        width:160px;
        height:110px;
        background:#222;
}
#ShoppingCart .List .Row .Product,
#ShoppingCart .List .Row .Option{
        width:250px;
        padding:8px 0 0 20px;
        text-align:left;
}
#ShoppingCart .List .Row .Option{
        margin:0 0 25px 0;
}
#ShoppingCart .List .Row .Price{
        width:80px;
}
#ShoppingCart .List .Row input{
        margin-top:-4px;
}
#ShoppingCart .Footer{
        width:700px;
        clear:both;
}
#ShoppingCart .Footer .Total{
        text-align:right;
        padding:0 90px 0 0;
        font-weight:bold;
        color:#f20;
}
#ShoppingCart .Footer a.Button{
        display:block;
        float:left;
        padding:2px 10px;
        margin:2px;
        text-decoration:none;
        color:#fff;
        border:1px #47473f solid;
        background:#222;
}
#ShoppingCart .Footer a.Button:hover{
        background:#444;
}
/***************************************************************************contactForm*/
#ContactForm{
		float:right;
		margin:60px 10px 10px 10px;
        width:420px;
}
#ContactForm .Row{
        width:420px;
        height:auto;
        clear:both;
        margin:1px 0;
}
#ContactForm .Row .Label{
        display:block;
        float:left;
        width:130px;
        height:22px;
        text-align:right;
        padding:0 10px 0 0;
}
#ContactForm .Row .Field{
        float:left;
        margin:0 5px 0 0;
}
#ContactForm .Footer{
        width:400px;
        height:22px;
        clear:both;
        margin:10px 0 0 0;
}
#ContactForm .Footer a.Button{
        display:block;
        float:left;
        padding:2px 20px;
        margin:0 0 0 150px;
        text-decoration:none;
        color:#1e2222;
        border:1px #485a5b solid;
}
#ContactForm .Footer a.Button:hover{
        background:#fff;
}
/***************************************************************************misc*/
.phosysLink{
        margin:0 auto;
        padding:0 0 20px 0;
        clear:both;
        text-align:center;
}
.phosysLink b{
        font-size:1.1em;
}
.phosysLink a,
.phosysLink a:visited{
        color:#fff;
        text-decoration:none;
}

/* ------------------------------------------------------------------------- Specifics */

body.aid_LINKS #PageContent .link { overflow:auto;  }
body.aid_LINKS #PageContent p.imglink { float:left; width:260px; text-align:center; }

/***************************************************************************media*/
@media print{
        body,
        body div{
                font-family:Arial;
                color:#000;
                background:#fff;
        }
        #PageContent{
                position:absolute;
                left:0;
                top:0;
                width:100%;
                height:100%;
        }
        body img{display:none;}
        .PageMenu{display:none;}
        }
/***************************************************************************end*/

// from System Meta Data