﻿/* Global */

body { font-family: Georgia,Times New Roman,Times,serif; font-size: 12px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 20px; }

.defaultColor {color:#333;}

p { line-height: 20px; }

a {text-decoration: none; }

a.on { text-decoration:underline;}
a:hover { text-decoration: underline; }

h1 { font-weight: normal; font-size: 26px; }
h2 { font-weight: normal; font-size: 18px; }

hr { clear:both; border: dashed 1px; border-bottom: none; width: 100%; }

.SubDomainShareContainer {float:left; width:760px; margin:40px 0px 0px 0px;}
.SubDomainShareText {float:left; width:125px; margin:3px 0px 0px 200px;}
.SubDomainAddThis {float:left; width:135px; margin:5px 0px 0px 10px;}
.SubDomainFacebookLike {float:right; width:275px;}

.Seperator {clear:both;float:left; width:100%; margin:5px 0px 5px 0px;}

.Pager {text-align:left; padding:0px 0px 0px 0px;}
.Pager a { padding:4px;}
.PagerPN {float:left; margin:0px 2px 0px 2px; width:100px; text-align:center;}

.PagerPrevious {float:left; margin: 0px 2px 0px 2px;}
.PagerNext {float:right; margin: 0px 2px 0px 2px;}

.loading {margin:50px auto 0px auto; text-align:center;}

/* Structural */

.TopFooterOuterContainer {width:100%; height:70px; margin:0px 0px 0px 0px; background-color:#FFF; background-image:url('/images/subdomain-top-footer-background.jpg'); background-repeat:repeat-x; background-position:bottom; }
.TopFooterContainer { clear: both; width: 940px; margin: 0px auto 0px auto; padding:  10px 0px 5px 0px; }

.TopFooterContainer a {color:#FA6627;}

.TopFooterLeftCol {float:left; width:600px; margin:0px 0px 5px 0px;}
.TopFooterRightCol {float:right; width:300px; margin:30px 0px 5px 0px;}
.LoginContainer {width: 100%; text-align:right;}

.OuterContainer { width: 100%; margin:  0px 0px 0px 0px; padding:5px 0px  40px 0px;}
.InnerContainerBackGroundTop {width: 980px; margin: 0px auto 0px auto; height:15px; background-image:url('/images/SubDomainInnerContainerHorizontalBackgroundTop.png')}
.InnerContainerBackGround {width: 981px; margin: 0px auto 0px auto; background-image:url('/images/SubDomainInnerContainerHorizontalBackground.png');background-repeat:repeat-y;}
.InnerContainerBackGroundBottom {width: 980px; margin: 0px auto 0px auto; height:15px; background-image:url('/images/SubDomainInnerContainerHorizontalBackgroundBottom.png')}
.InnerContainer { width: 940px; margin: 0px auto 0px auto; padding: 20px 0px 0px 0px; background-image:url('/images/SubDomainMainContentBackgroundImage.png'); background-repeat:repeat-x; background-position:bottom;}

.HeaderContainer { width: 900px; height: 150px; margin: 0px auto 0px auto;}
.MenuContainer {width: 900px; margin: 0px auto 0px auto; }
.MenuContainer .on { font-weight:bold;}
.MenuContainer ul {list-style:none; margin: 0px 5px 0px 5px; padding:0px;}
.MenuContainer ul li {float:left; margin:5px 10px 5px 0px;}

.ColumnsContainer { clear: both; width: 900px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; }
.LeftColumnContainer { float: left; width: 760px;  margin:0px  20px 0px 0px;}
.RightColumnContainer { float: left; width: 120px;}

.FooterLeftCol ul {margin:10px 0px 0px 0px; padding:0px 0px 0px 20px;}
.FooterLeftCol li {list-style-image:url(/images/homepage-box-arrow.jpg); padding:2px 0px 0px 0px; margin:0px 0px 10px 0px; }

.FooterOuterContainer {width:100%; margin:0px 0px 40px 0px; background-color:#FFF; color:#333;}
.FooterContainer { clear: both; width: 940px; margin: 0px auto 0px auto; padding: 20px 0px 0px 0px; }
.FooterLeftCol {float:left;font-size:16px; width:460px; margin: 0px 0px 0px 10px; line-height:24px;}
.FooterRightCol {float:right; width:470px; font-size:20px; text-align:right;}
.FooterRightCol p {line-height:25px;}

.FooterQuoteContainer {float:right; width:400px; margin:10px  0px 30px 0px;}
.FooterQuote { text-align:left;}
.FooterQuoteMarks { font-size:14px; font-weight:bold;}
.FooterQuoteBy {float:right; font-style:italic; margin:5px 0px 0px 0px;}

.AdvertContainer {width:100%; height:600px; margin:20px 0px 0px 0px; background-color:#CCC;}


/* Art listing */

.ArtImageRightBorderContainer { float: right; width: 10px; }
.ArtImageRightTopBorder { float: left; width: 8px; height: 8px; background-image: url(../images/art-item-right-corner-border.png); }
.ArtImageRightBorder { clear: left; float: right; width: 10px; height: 100px; background-image: url(../images/art-item-right-border.png); background-repeat: repeat-y; }
.ArtImageBottomCorner { clear: both; float: left; width: 8px; height: 8px; background-image: url(../images/art-item-bottom-corner-border.png); }
.ArtImageBottomBorder { float: left; width: 100%; height: 8px; background-image: url(../images/art-item-bottom-border.png); background-repeat: repeat-x; }
.ArtImageCornerBorder { float: left; width: 8px; height: 8px; background-image: url(../images/art-item-corner-border.png); }

.ArtistDetailListingContainer{float:left; margin:20px 0px 0px 15px;}
.ArtImageContainer { float: left; }
.ArtImage {border:0px;}
.ArtRatingContainer { position: absolute; text-align: center; line-height: 12px; padding: 2px; color: #FFF; height: 15px; z-index: 99; background-color: #F84E01; margin: 0px 0px 0px 0px; }
.ArtTopRightCorner { height: 8px; width: 8px; background-image: url(../images/art-item-right-corner-border.png); }
.ArtRight { width: 8px; background-image: url(../images/art-item-right-border.png); background-repeat: repeat-y; }
.ArtBottomLeft { width: 8px; height: 8px; background-image: url(../images/art-item-bottom-corner-border.png); }
.ArtBottom { display: block; height: 8px; background-image: url(../images/art-item-bottom-border.png); background-repeat: repeat-x; }
.ArtBottomRight { height: 8px; width: 8px; background-image: url(../images/art-item-corner-border.png); }
.ArtImageBottomFooter { clear: both; width: 100%; margin: 2px 0px 0px 0px; font-size: 10px; text-align: center; line-height: 14px; }
.ArtBottomFooterRow1 { }
.ArtBottomFooterRow2 { }
.ArtBottomFooterRow3 { }


.PagerContainerTop { width: 100%; height: 20px; margin: 0px 0px 10px 0px; text-align: center; }
.PagerContainerBottom { width: 100%; height: 20px; margin: 0px 0px 20px 0px; text-align: center; }

.SearchHeading { float: left; width: 72px; }
.SearchMediums {float:left; width:900px;}
.SearchMediums ul { float: left; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.SearchMediums li { display: block; float: left; margin: 0px 15px 0px 0px; }

/* SlideShow */

.SlideShowArtContainer {float:left; width:100%; margin:20px 0px 0px 0px;}

.SlideShowArtPrevCol {float:left; width:75px; padding:200px 0px 0px 0px; text-align:center;}

.SlideShowArtNextCol {float:right; width:75px; padding:200px 0px 0px 0px; height:600px; text-align:center;}

.SlideShowArtContainer .Pager { text-align:center;}

.SlideShowArt {float:left; width:610px;}

.SlideShowCounter { text-align:center;}

.SlideShowArtRow {float:left; width:610px;}



/* Forms */

.Form {float:left; width:800px; margin:20px 0px 20px 0px;}
.FormRow {float:left; width:800px; margin:10px 0px 10px 0px;}
.FormLeftColumn {float:left; width:150px;}
.FormRightColumn {float:left; width:650px;}
.FormLabel {float:left; width:150px;  font-size:20px;}
.FormInput {float:left; }
.FormValidation {float:left; width:150px; margin:0px 0px 0px 10px;}
.FormNotes {clear:both; float:left; margin:10px 0px 0px 0px; font-style:italic; font-size:12px; color:#333;}
.FormButton {padding:4px;}
.FormError {clear:both; float:left; width:100%; }
.FormPassword {}

/* Seperator */

.FormSeperator {clear:both; float:left; width:100%; }
.FormSeperator hr {width:100%; border: 1px dashed; border-style: none none dashed;}

/* Radio Button Lists */

.FormRadioButtonList input { margin:5px 5px 5px 0px;}

/* Validation Summary */

.FormValidationSummary {}
.FormValidationSummary ul {list-style:none; padding:0px; margin:10px 0px 20px 0px;}
.FormValidationSummary ul li {}

/* About-Me */

.AboutMeContainer {width:100%; float:left; margin:0px 0px 20px 0px;}
.AboutMeLeftCol {float:left; width:220px; margin:0px 20px 0px 0px;}
.AboutMeRightCol {float:left; width:515px; margin:0px 0px 0px 0px;}
.AboutMeDetailLeft {float:left; width:70px; margin:0px 0px 3px 0px;}
.AboutMeDetailRight {float:left;}

.AboutMeLinksContainer { margin:0px 0px 20px 0px;}
.AboutMeLinksContainer ul {margin:0px; padding:0px;}
.AboutMeLinksContainer ul li { list-style:none;}

.AboutMePageContent p {margin:0px 0px 10px 0px;}

/* Art Details */

.ArtDetailsBackContainer {float:left; width:100%; margin:10px 0px 10px 0px;}
.ArtDetailArtContainer{float:left; width:760px; margin:20px auto 10px auto;}
.ArtDetailsDetail {clear:both; width:600px;  margin:20px auto 0px auto;}
.ArtDetailsLeftCol {float:left; width:125px; margin:0px 0px 7px 0px;}
.ArtDetailsRightCol {float:left; width:400px;margin:0px 0px 7px 0px;}

/* Comments */
.ArtDetailsCommentsContainer {clear:both; width:780px; margin:40px auto 0px auto;}
.ArtistDetailCommentRowContainer {float:left; width:780px; margin:0px 0px 10px 0px;}
.ArtistDetailCommentByUserContainer {float:left; width:110px;}
.ArtistDetailCommentDetailContainer {float:left; width:450px;}
.ArtistDetailCommentContainer {}

.RateContainer{float:left; margin:0px 0px 0px 255px;}
.RateLabel {float:left; width:100px; font-size:16px; margin:5px 0px 0px 0px;}
.GalleryRatingStarContainer {float:left; width:150px;}
.GalleryAlreadyRatedContainer {float:left; width:150px;  margin:5px 0px 0px 0px; text-align:right;}
.GalleryAlreadyRatedContainer h2 {font-size:16px; margin:0px; padding:0px;}
.GalleryRatingStar{float:left;width:30px; height:30px; background-image: url(../images/stars-small.png); background-position:0px 30px; cursor:pointer;}


/* Other Art */

.ArtDetailsOtherArtContainer {float:left; width:780px; margin:0px 0px 20px 0px; }
.ArtDetailsOtherArt {float:left; margin:10px 0px 0px 0px; }

/* Buy Art */

.BuyArtContainer {float:left; width:100%;}

.BuyArtRow1 {float:left; width:100%;}
.BuyArtRow1Col1{float:left; width:550px; margin:0px 10px 0px 0px;}
.BuyArtRow1Col2{float:left; width:150px;}

.BuyArtDetailContainer{float:left; width:100%;}
.BuyArtDetailRow{float:left; width:100%; margin:0px 0px 10px 0px;}
.BuyArtDetailCol1{float:left; width:380px; margin:2px 0px 0px 0px;}
.BuyArtDetailCol2{float:left; width:380px; margin:2px 0px 0px 0px;}

.BuyArtRow2{float:left; width:100%; margin:20px 0px 0px 0px;}
.BuyArtButtonContainer {float:right; width:220px; text-align:center; margin:20px 0px 0px 0px;}
