@charset "UTF-8";

/***************/
/*GENERAL STUFF*/
/***************/

.justify {text-align: justify;}

*{margin: 0px; padding: 0px;}

img {border: 0px;}

.textBanner {margin: 0px auto 0px auto; text-align: center; padding: 10px 5px 10px 5px; display: block; color: white; background-color: rgb(41,41,41); font-size: 12px; font-weight: bold;}

a {text-decoration:none; color: white; cursor: pointer;}

.uppercase {text-transform: uppercase;}

.white {color: white;}

.blackBG {background-color: #111111;}

.small {font-size: 10px;}

.left {float: left;}

.right {float: right;}

.error { }

.underlinedLinks a {text-decoration: underline;}

a.button {display: block; padding: 1px 3px 1px 3px; background-color: #ab0271; border: 1px solid #670262;}

/*IMAGE*/

.imageView {text-align: center; width: 855px; margin: 0px auto 0px auto;}

#imageContainer {min-height: 635px;}

.imageView img {margin: 10px;}

.imageHeader {width: 845px; height: 43px; border-top: 1px solid #44343f; margin: 10px auto 0px auto; padding: 5px 0px 0px 10px; font-size: 11px;}

.imageHeader h2 {padding: 0px; margin: 0px; line-height: 10%;}

.imageFooter {width: 855px; height: 45px; background: url('../media/Gallery/imageFooterBG.jpg') no-repeat left #1b1b1b;}

.contentsContainer { }

.imageBottom {cursor: pointer; float: left;}

#addToCart, #send2Friend {padding-left: 3px;}

#send2Friend {margin-left: 325px; margin-top: 5px;}

#sliderContainer { width:855px; height: 115px; background: url('../media/imageBackground.png'); margin-left: auto; margin-right: auto;}
#slider td {width: 111px; height: 97px; background-color: black;}
#slider a {width: 101px;}
#slider img {width: 91px; height: 67px; margin: 4px 5px 0px 5px; cursor: pointer;}
#slider { margin-left: auto; margin-right: auto; width:720px; height:100px; overflow:hidden; padding: 5px 0px 0px 0px; }
#slider li { width:100px; height:200px; overflow:hidden; }
#prevBtn, #nextBtn { margin-top: 30px;display: block; width: 25px; height: 35px; position: absolute;}
#prevBtn { margin-left: 2px; background-image: url('../media/imageLeft.png');}
#nextBtn { margin-left: 828px; background-image: url('../media/imageRight.png');}
.imageViews {font-size: 10px;margin-left: 3px;}
#locked {padding: 250px 0px 0px 0px;}

#setHomePage {cursor: pointer;}

/*******/
/*LOGIN*/
/*******/

#ajaxLogin {display: none;}
#ajaxLogin a {color: purple;}
.ajaxLoginError {color: red; display: none;}
#ajaxLoginLoading {display:none; position: absolute; margin: 30px 0px 0px 130px;}

/******/
/*PAGE*/
/******/

body {background: black url('../media/background.jpg') top fixed repeat-x;font-size:12px; color:white; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin:0px; padding:0px;}

.main { width: 988px; overflow:hidden; margin-left:auto; margin-right:auto; border-left: 1px solid black; border-right: 1px solid black; }

.contents { clear:both; padding: 0px 2px 0px 3px; width:auto; overflow:hidden; }

/********/
/*HEADER*/
/********/

#radio {margin-left: 40px; float: left; display: block; position: absolute; margin-top: -8px;}

#stumbleupon {margin-left: 5px; float: left; display: block; position: absolute; margin-top: -8px;}

.headerBanners { width:auto; overflow:hidden; background-color: black;}

.headerBannerLeft { float:left; margin:3px 1px 0px 2px; overflow:hidden; width:380px; height:90px;}

.headerBannerRight { float:left; margin:3px 1px 0px 2px; overflow:hidden; width:600px; height:90px; }

.header { display:block; clear:both; width:991px; height:102px; background:url("../media/Gallery/header.png") no-repeat; }

/******/
/*MENU*/
/******/

.switchPage { width:100px; height:34px; overflow:hidden; display:block; float:left; }

#switchToGallery { background:url("../media/News/switchToGalleries.png") no-repeat; }

#switchToNews { background:url("../media/Gallery/switchToNews.jpg") no-repeat; }

#switchToMarket { background:url("../media/Market/switchToMarket.jpg") no-repeat; }

.topMenu { clear:both; background:rgb(42,47,41); height:26px; overflow:hidden; }

#topMenuRight {float: right; padding-top: 2px; height: 21px;}
#username {font-size: 14px; font-family: Helvetica; font-weight: bold;}
#daBruno {font-size: 11px;}
#daBruno .purple {color: #b22486; font-weight: bold;}

.search {border: none; margin: 0px; background-color: white; color: #a4a4a4;}
.searchDiv {margin-top: 5px;}
#searchForm {float: right;}
#searchBox {padding: 3px; float: right; height: 16px; width: 135px;}
#searchButton {color: #a4a4a4; padding-right: 3px; padding: 3px; height: 22px; float: right;}

.menu { clear:both; height:34px;}

/*************/
/*LEFT COLUMN*/
/*************/

.leftColumn { float:left; width:202px; overflow:hidden; min-height:10px; margin-top: 5px;}

.leftColumn > div {margin-bottom: 4px;}

.leftSideBanner {max-width: 200px; max-height: 200px;}

.latestNews { min-height:200px; padding-bottom:15px; }

.latestNewsItem { margin-top:2px; background:url("../media/Gallery/latestNewsSeparator.png") bottom no-repeat; }

.latestNewsItem:hover {background-color: #343434;}

.latestNewsItem a { font-family:Arial; font-size:13px; font-weight:bold; display:block; padding:2px 8px 2px 8px; color:white; }

.latestNewsItem img {padding: 0px; margin: 0px; margin-left: 25px;}

.latestNewsSeparator { background:url("../media/Gallery/latestNewsSeparator.png") bottom no-repeat; height:2px; }

.quickLinks { background: #ab0279; padding-bottom:1px; }

.quickLinks a {display: block; padding: 3px; background-color: #841c67; font-weight: bold; margin-bottom: 1px;}

.quickLinks a:hover {background: #841c67 url('../media/Gallery/quickLinksArrow.png') no-repeat right;}

.calendar {background-color: #1b1b1b; padding-bottom: 4px;}

#calendarHeader {background: url('../media/Gallery/events.jpg') no-repeat; height: 36px; width: 200px; border: 1px solid #670262; overflow: hidden;}

#calendarTable {text-align: center; width: 200px; font-size: 12px; font-weight: bold; border-collapse: collapse;}

#calendarTable td {width: 20px; height: 17px;}

td.weekCount {background-color: rgb(41,41,41)}

#calendarTable .selectedCalendarDay { background: url('../media/calendarBG.jpg');}

#calendarTable a {cursor: pointer;}

#monthSelect {font-size: 14px; font-weight: bold; float: right; text-align: center; width: 130px; padding: 12px 0px 0px 0px;}

#calendarFooter {text-align: center;background-color: #1b1b1b;}

.calendarArrow {vertical-align: middle; margin: 0px; padding: 0px;}

#calendarSearchContainer {margin-right: auto; margin-left: auto; border: 1px solid #474745; width: 191px; background-color: #111111; }

#calendarSearchBox {float: left; width: 135px; padding-top: 4px; height: 20px; color: white; background-color: #111111; border: none;}

#calendarSearchButton {color: #a4a4a4; background-color: #111111; height: 20px; padding-top: 3px; border: 0px; float: left;}

.calendarType {cursor: pointer; text-align: left; padding-top: 4px; text-transform: lowercase; font-size: 13px; font-weight: bold; display: block; padding-left: 3px; width: 188px; height: 22px; background: black; border-bottom: 1px solid #474745;}

#eventTypesContainer {position: absolute; margin: 0px; padding: 0px; }

.calendarTypeSelect {margin: 0px; background: url('../media/Gallery/categorySearch.jpg') no-repeat; cursor: pointer;}

.calendarDateContainer {text-align: left; width: 185px; font-weight: bold; border-bottom: 1px solid #474745; padding: 2px 3px 2px 3px;}

.calendarDateBox {background-color: #111111; border: 0px; color: white; width: 100px;}

.typeColorBox {float: left; width: 12px; height: 12px; margin: 3px 4px 7px 6px; }

/***************/
/*CENTER COLUMN*/
/***************/

.ajaxLoading {position: absolute; margin: 70px 0px 0px 300px;}

.contentImageContainer {margin: 10px 0px 10px 0px; display: block;}

.articleContentImage {min-width: 10px; min-height: 10px; float: left; text-align: center;}
.articleContentImage span {color: gray; padding: 3px; display: block;}

.row1 {width: 575px;}
.row2 {width: 285px;}
.row3 {width: 189px;}

#keywords {font-size: 10px; font-weight: bold;}

.centerColumnHeader {width: 575px; height: 22px; font-size: 14px; font-weight: bold; padding: 3px 0px 0px 5px;}

.pager { width: 573px; height: 25px; margin-bottom: 4px; }

.pagerArrow {margin: 2px 5px 5px 5px;}

a.pagerLink {display: block; float: left; font-weight: bold; font-size: 14px; padding: 0px 0px 0px 0px; margin-top: 4px; margin-left: 10px;}

.selectedPagerLink {background-color: #ab0279; border: 1px solid #670262;}

.centerColumn { float:left; width: 575px; overflow:hidden; min-height:10px; padding: 5px 3px 1em 3px;}

.galleryItemContainer {margin-bottom: 4px; margin-right: 4px; width: 188px; float: left; height: 191px; overflow: hidden;}

.galleryItem:hover .galleryItemHover{display: block}

.galleryItemHover {position: absolute; text-align: right; background: url('../media/seeMore.png') no-repeat; display: none; width: 178px; height: 29px; margin-top: 101px;}

.galleryItem {width: 179px; text-align: left; height: 186px; float: left; padding-top: 5px;}

.galleryItem a.galleryItemLink {width: 178px; height: 130px; display: block;}

.galleryItem h2.headline {font-weight: bold; font-size: 12px;}

.galleryItem p.headline {font-weight: bold; font-size: 12px;}

.galleryItem p.text {font-size: 11px;}

img.galleryItemBorder {float: left;}

.galleryImageContainer {height: 140px;}

.galleryImage {height: 135px;}

.leftCorners {float: left; background: url('../media/Gallery/borders/galleryItemBorder_left.jpg') no-repeat; width: 4px; height: 191px;}

.rightCorners {float: left; background: url('../media/Gallery/borders/galleryItemBorder_right.jpg') no-repeat; width: 5px; height: 191px;}

/*COMMENTS*/

.commentHeader {background-color: #bdbdbd; width: 574px; height: 24px; font-size: 20px; color: white;}

#addComment {float: left;}

.commentInput {background-color: #d7d7d7; border: 1px solid #bdbdbd;}

.commentText {width: 376px; height: 127px;}

.inputHeight {height: 20px; padding-top: 4px; width: 140px;}

#allCommentsLink {color: #a6187a; float: right; font-weight: bold;}

.commentTitle {color: #a6187a; font-size: 13px; font-weight: bold; margin-right: 4px;}

a.commentTitle {color: #a6187a; font-size: 13px; font-weight: bold;}

.comment {margin-bottom: 2px;}

.commentTime {font-size: 11px; color: #717171;}

#captchaContainer {width: 190px; float: right; text-align: center; color: #717171; font-weight: bold;}

.captcha {width: 84px; height: 20px; border: 1px solid #bdbdbd;}

#submitComment {background-color: #aa2784; color: white; font-weight: bold; margin-top: 70px;}

/*USER*/

.profileContainer {width: 280px; margin: 10px auto 10px auto;}

.profileContainer .button {float: right;}

.profileContainer input {margin-top: 5px;}

.seeMore {display: block; font-size: 14px; font-weight: bold; width: 110px; float: right; margin-top: 20px;}

#backButton {background-color: #ab0279; padding: 0px 5px 0px 5px; color: white; font-weight: bold; border: 1px solid #670262; float: right;}

.birthdayInput {height: 15px; font-size: 9px; margin: 0px; padding: 0px;}

#forgotPw {width: 180px; margin: 0px auto 20px auto;}

#registerForm input, #registerForm select {float:right; width: 130px;}

#registerForm input.noStyle {width: 15px; float: none;}

#registerForm span {float: left; padding-top: 5px;}
	
#birthdayTable input, #birthdayTable select {width: 40px; float: left;}

#registerForm br {clear: both;}

a.profileButton {float: left; color: white; width: 100px; font-weight: bold; margin: 2px 0px 2px 5px;}

/**************/
/*RIGHT COLUMN*/
/**************/

.rightColumn { float:left; width:200px; overflow:hidden; min-height:10px; margin-top: 5px;}

.rightColumn > div {margin-bottom: 4px;}

.rightSideBanner {max-width: 200px; max-height: 200px;}

.rightSideContainer {width: 200px; background: #292929; min-height: 200px;}

/********/
/*FOOTER*/
/********/

.footerMenu { clear:both; margin-top:15px; float: right;}

.footer { clear:both; background:url("../media/Gallery/footer.png") no-repeat; overflow:hidden; height:70px; }