﻿body { font-family: Georgia,Times New Roman,Times,serif; font-size: 12px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 24px; }

p { line-height: 20px; }
a { color: #FA6627; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { color: #FA6627; font-weight: normal; font-size: 30px; line-height:30px;}
h2 { color: #FA6627; font-weight: normal; font-size: 20px; }

.Orange {color: #FA6627;}

hr {clear:both; color: #CCC; margin: 5px 0px 10px 0px; border: dashed 1px; border-bottom: none; width: 100%; }

.hrForum {margin: 10px 0px 10px 0px;}

.Pager { text-align: center; width: 800px; padding: 0px 0px 20px 0px; }

.Pager a { padding: 4px; }

.Pager a:hover { background-color: #FA6627; color: #FFF; }

.PagerOn { background-color: #FA6627; color: #FFF; }

.PagerPN { float: left;  width: 100px; }

.PagerPrevious {float:left; margin: 0px 2px 0px 2px;}
.PagerNext {float:right; margin: 0px 2px 0px 2px;}


/* Header */

.HeaderOuterContainer { width: 100%; height: 100px; margin: 0px 0px 0px 0px; }
.HeaderInnerContainer { width: 1000px; margin: 0px auto 0px auto; }

.logoContainer { float: left; width: 750px; margin: 10px 0px 0px 0px; }
.logo { clear: both; float: left; width: 750px; }
.logoText h1 { float: left; font-size: 18px; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px; color: #313131; }
.underlogoContainer h2 {float:left; color:#666; font-size:18px; margin:8px 0px 0px 0px;}

/* Notification Area */

.NotificationOuterContainer { float: left; width: 250px; height: 100px; }
.NotificationInnerContainer { width: 230px; margin: 10px auto 0px auto; text-align: right; }

/* Menu */

.MenuOuterContainer { width: 100%; height: 73px; margin: 0px 0px 0px 0px; background-image: url(../images/header-orange-band.png); background-repeat: repeat-x; }
.MenuInnerContainer { width: 1000px; margin: 0px auto 0px auto; }

.MenuInnerContainer ul { height: 47px; list-style: none; margin: 0px 0px 0px 0px; padding: 25px 0px 0px 0px; }
.MenuInnerContainer li { display: block; float: left; text-align: center; margin: 2px 0px 0px 0px; padding: 0px 40px 0px 0px; }
.MenuInnerContainer li a { color: #FFF; font-size: 20px; text-decoration: none; }
.MenuInnerContainer li a:hover { text-decoration: underline; }

.MenuContainer { float: left; width: 850px; }
.MenuTwitterContainer { float: left; width: 150px; padding: 24px 0px 0px 0px; height: 20px; }
.MenuTwitterText { float: left; width: 119px; text-align: right; color: #FFF; margin: 5px 0px 0px 0px; }
.MenuTwitterImage { float: left; width: 30px; }
.MenuTwitterImage img {border:0px;}

/* Content */

.ContentOuterContainer { width: 100%; }
.ContentInnerContainer { width: 1000px; margin: 0px auto 0px auto; }

.ContentInnerLeftColumn { float: left; width: 800px; margin: 0px 20px 0px 0px; }
.ContentInnerRightColumn { float: left; width: 180px; }

/* Footer */

.FooterOuterContainer { width: 100%; background-image: url(../images/FooterBackgroundImage.png); background-repeat: repeat-x; background-color: #575757; }
.FooterInnerContainer { width: 1000px; margin: 0px auto 0px auto; padding: 20px 0px 0px 0px; }

.FooterInnerContainer a { color: #FFF; }
.FooterInnerContainer a:hover { }

.FooterOuterColumn1Container { float: left; width: 320px; margin: 0px 23px 0px 0px; }
.FooterOuterColumn2Container { float: left; width: 320px; margin: 0px 23px 0px 0px; }
.FooterOuterColumn3Container { float: left; width: 300px; }

.FooterCommentsRowContainer { float: left; width: 310px; margin: 0px 0px 5px 0px; }
.FooterCommentsRowArtist { float: left; width: 60px; }
.FooterCommentsRowText { float: left; width: 180px; margin: 2px 0px 0px 0px; }
.FooterCommentsRowText2 { float: left; width: 180px; margin: 5px 0px 0px 0px; }
.FooterCommentsRowArt { float: right; width: 60px; }

.FooterTopRatedArtRowContainer { float: left; width: 310px; margin: 0px 0px 5px 0px; }
.FooterTopRatedMediumContainer { float: left; width: 145px; }
.FooterTopRatedArtContainer { float: left; width: 165px; }

.FooterTopRatersRowContainer { float: left; width: 310px; }
.FooterTopRatersTextContainer { float: left; width: 250px; padding: 5px 0px 5px 0px; }
.FooterTopRatersArtistContainer { float: left; width: 60px; }


.FooterInnerContainer h2 { color: #E9E9E9; }

/* Home page */

.HomePageTopLeftColumn { float: left; width: 680px; }

.HomePageTopRightColumn { float: left; width: 290px; margin: 0px 0px 0px 30px; }

.HomePageTopRightContainer { padding: 5px; }

/* Advert 160 by 600 */

.AdvertSignUpFeature {float:left; width:160px; margin:0px 0px 0px 0px; text-align:center; border:solid 1px #FA6627; padding-bottom:10px;}

.Advert160600OuterContainer { float: left; width: 178px; }
.Advert160600InnerContainer { float: right; margin: 0px 0px 20px 0px; width: 160px; }


/* Art */

.SearchOptionsContainer { width: 800px; }

.SearchHeading { float: left; width: 72px; }

.SearchMediums { float: left; width: 800px; }
.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; }

.SearchForSaleContainer {float:right; width:100px;}

.SearchCategories { margin: 10px 0px 0px 0px; }
.SearchCategories ul { float: left; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.SearchCategories li { display: block; float: left; margin: 0px 15px 0px 0px; }

/*
.ArtListingContainer { float: left; margin: 0px 0px 0px 0px; }
.ArtImageContainer { float: left; }
.ArtImage {padding:0px 0px 0px 2px }
.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; }
.ArtDetails { width: 100%; text-align: center; margin: 10px 0px 0px 0px; }
*/

.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); }


.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; }

.SelectedContainerTop { height: 20px; margin: 0px 0px 9px 0px; }
.OrderByContainer { float: right; }
.OrderByContainer a { padding: 4px; }

/* Activity Feature */

.InfoContainer { }

.ActivityFeatureRow { float: left; }

.ActivityFeatureTextContainer { float: left; width: 215px; }
.ActivityFeatureArtContainer { float: right; width: 60px; }

.ActivityFeatureText1 { float: left; width: 215px; }
.ActivityFeatureText2 { float: left; width: 215px; margin: 3px 0px 0px 0px; font-size: 12px; }


/* 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 { clear: both; float: left; 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 #CCC; 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 { }