@charset "UTF-8";

.contents { background-color: #d8d8d8; }

div.redButton {cursor:pointer;float:right; margin: 1px;}

.redButton a {border: 1px solid #464646; padding: 2px 2px 1px 2px; display:block; position:relative; top:-4px; font-size:12px !important;}

/*IMAGE*/

.imageHeader {background-color: #1b1b1b;}

.imageFooter {background-color: #1b1b1b;}

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

.menu { background:url("../../media/News/menuNews.jpg");}

.menuButton {font-weight: bold; color: #444943; margin: 0 5px 0 5px; display:block; float:left; padding: 9px 0px 0px 0px; height: 25px; font-size: 14px;}

.menuSeparator {height: 26px; padding-top: 8px; float: left;}

.subMenu {font-weight: bold; font-size: 12px; padding-top: 5px; margin-left: 100px;}

.subMenuItem {margin: 0px 10px 0px 10px;}

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

.latestNews { background: rgb(41,41,41);}

.leftGalleries {font-family:Arial; font-size:11px; font-weight:bold; background: #292929; min-height: 200px;}

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

#highlightsContainer {display: inline; float:left; width: 240px; margin: 8px 0px 0px 20px; font-family: sans;}
#smallHighlightsContainer {display: inline; float:left; margin: 8px 0px 0px 4px;}
.smallHighlights {height: 65px; width: 85px; overflow:hidden; float: left; margin: 0px 1px 3px 1px; padding: 0px 2px 2px 2px;}
.bigHighlightsImage {border: 3px solid #FFFFFF;}
#articleTitle {margin-left: 6px; display: inline; width:270px; float:left; font-size: 18px; color:#000000; font-family:Arial;}
#highlightsTitle {display: block; font-size: 15px; color:#000000; font-weight:bold; font-family:Arial; padding: 10px 0px 0px 20px;}

#keywords {color: #a5197c;}

#articleAuthor {color: #a5197c; font-weight: bold; margin-bottom: 3px;}

.pager { background: url('../../media/News/gradient-yellow.jpg') repeat-x; border: yellow 1px solid; }

.centerColumnHeader {background: url('../../media/News/gradient-yellow.jpg') repeat-x;}

.support {background: #262626; color: white;}

.centerColumn {color: black; background-color: white;}

.centerColumn a {color: black;}

/*TEAM*/

.marbellaMaker {margin-top: 4px;}

.makerTop {background: #bdbdbd; border-bottom: 1px solid #a4a4a4; float: left; width: 365px; height: 45px; padding: 15px 0px 0px 15px;}

.makerBottom {color: white; background: url('../../media/other/makerDesc.jpg') no-repeat; float: left; width: 360px; height: 106px; padding: 20px 5px 0px 15px; overflow: hidden;}

.makerBottom a {color: white;}

.makerImage {margin-right: 3px; float: left; width: 190px; height: 187px;}

.makerName {font-size: 18px;}

.makerJob {font-size: 13px;}

.contactInfo {font-size: 13px; font-weight: bold;}


/*FRONT PAGE*/

.arialFont {font-family: arial;}

.hugeFrontPageIcon {text-align: center;}

#firstHeader {color: #b1057b; text-align: left; font-weight: bold; font-size: 24px;}

.newsCategory {width: 570px; height: 22px; padding-top: 3px; padding-left: 5px; font-size: 13px; font-weight: bold; margin: 3px 0px 3px 0px; }

.blueHeader {color: white; background: url('../../media/News/newsCategory_blue.jpg') repeat-x;}

.redHeader {color: white; background: url('../../media/News/newsCategory_red.jpg') repeat-x;}

.greenHeader {color: white; background: url('../../media/News/newsCategory_green.jpg') repeat-x;}

.yellowHeader {color: black; background: url('../../media/News/newsCategory_yellow.jpg') repeat-x;}

.frontPageIcon {width: 183px; float: left; margin: 4px 4px 4px 4px;}

.frontPageIcon h2 {font-size: 17px; font-weight: normal;}

.hr {border-bottom: 1px #a2a2a2; clear: both; color: white; background-color: white; border-style: none none solid none; width: 97%; margin: 2px auto 2px auto;}

.commentCount {color: #a80f09;}

#firstArticlered {background-color: #fec0c1;}

#firstArticlegreen {background-color: #d4febf;}

#firstArticleblue {background-color: #98d0df;}

.bigFrontPageIcon { padding: 10px;}

.redBg { background-color: #f6ce86;}
.redBg2 { background-color: #fec0c1;}

.greenBg { background-color: #e5f686;}
.greenBg2 { background-color: #d4febf;}

.blueBg { background-color: #e5f686;}
.blueBg2 { background-color: #98d0df;}

.bigFrontPageIcon .horizontal {width: 574px; height: 161px;}

.vertical {width: 281px; min-height: 220px; float: left; overflow: hidden; padding: 5px 2px 2px 2px; font-size: 14px;}

.bigFrontPageIcon h2 { display: block; font-size: 18px; width: 266px; font-weight: normal;}

.bigFrontPageIcon h2.headline {margin-left: 5px; float: left; margin-top: 10px;}

.smallFrontPageIcon { border-bottom: 1px solid #a2a2a2; width: 275px; height: 50px; padding: 5px 0px 5px 5px; float: left;}

.smallFrontPageIcon h2 {display: block; font-weight: normal; font-size: 12px;width: 179px; margin-left: 4px; margin-right: 4px;}

.yellowBig {float: left; margin: 4px;}
.yellowBig h2 {font-size: 15px; font-weight: normal;}
.yellowTitle {width: 183px;}

/*USER*/

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

#login {margin: 10px; float: left; width: 224px; }

#register {margin: 10px; float: right; width: 273px;}

#login input, #register input {margin: 5px;}

.shoppingCartItem {margin: 10px; float: left;}

#shoppingCart {padding: 10px;}

#priceSelect {padding: 10px;}

/*ARTICLE*/
	
#articleImageContainer {float: left; width: 243px; margin-right: 3px;}	

#articleHeadline {font-size: 26px; padding: 10px; font-weight: normal;}

#articleHeadline a {color: #a5197c;}

#source {font-style: italic; color: #515151;}

#relatedHeader {background-color: #fddd00; font-weight: bold; padding: 2px;}

#related {background-color: #bdbdbd;}

#related .relatedItem {border-bottom: dotted 1px white; padding: 3px; width: 237px;}

#related .relatedHeadline {padding: 6px; width: 134px; float: left; font-weight: bold; font-size: 13px;}

/*COMPETITIONS*/

a.compVote {font-family: Georgia; font-size: 17px; color: #ab0271;}

.compScoreBox {background-color:#ab0271;border:4px solid #ab0000;color:#FFFFFF;float:right;font-size:18px;height:28px;padding-top:4px;text-align:center;width:70px;}

.compImageArea {width: 279px; overflow: hidden; height: 200px; border: 1px solid #CCCCCC; margin: 1px; text-align:center; float: left; padding: 2px;}

.compImageArea .userInfo { float: right; width: 70px; text-align:center}

/*COMMENTS*/

#allCommentsLink {color: #a6187a;}

.commentTitle {color: #a6187a; float: left;}

a.commentTitle {color: #a6187a; float: left;}

.comment {margin-bottom: 2px;}

.commentTime {color: #717171; float: left; padding-top: 2px;}

#captchaContainer {color: #717171;}

#submitComment {background-color: #aa2784;}

/*CATEGORY*/

.newsCategoryItem {padding: 5px; border-bottom: 2px dotted grey;}

.newsCategoryItem p.headline {width: 315px; float: left; margin-left: 5px; font-size: 16px; color: #a5197c; font-weight:bold;}

.newsCategoryItem div.description {width: 315px; float: left; margin-left: 5px; margin-top: 10px;}

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

/*REVIEWS & QUICKLINKS*/

.qlItem {margin-top: 2px;}

.qlItemContainer {margin-left: 2px; background-color: #bdbdbd; width: 380px; height: 191px; float: left; overflow: hidden;}

.reviewText {width: 332px; height: 127px;}

#ratingContainer {float: right;}

#addReview {float: left;}

a.contentButton {font-size: 14px; border-right: 1px solid #434343; padding-top: 4px; width: 190px; height: 22px; background-color: #333333; color: white; text-align: center; display: block; float: left; cursor: pointer;}

a.contentButton:hover {background-color: #111111;}

.qlItemText {background-color: #bdbdbd; height: 72px;}

.qlItemInfo {background-color: #a4a4a4; height: 110px; font-size: 10px;}

.qlItemText, .qlItemInfo {width: 374px; border-bottom: 1px solid #a4a4a4; padding: 3px;}

.qlImages {padding: 3px 0px 3px 19px; height: 191px; }

.qlReview {font-size: 11px; font-weight: bold; padding: 5px 0px 5px 2px; }
.qlReview img {margin: 3px;}

.qlReviews {height: 191px; }

.qlSpecial {font-size: 12px; font-weight: bold;}

.qlLink {text-decoration: none; color: white;}

a.qlReadMore {float: right; color: white; display: block; font-size: 10px; position: relative; bottom: 20px;}

.qlTitle {font-size: 14px; font-weight: bold;}

.review {padding: 5px 0px 5px 2px; }
.review img {margin: 7px 3px 0px 0px;}

.starRating {width: 9px; height: 7px; display: block; float: left;}

.starRatingContainer {background: url('../../media/quicklinks/0star.jpg') no-repeat center; width: 94px; height: 8px;}

.reviewText {width: 300px; height: 127px;}

.reviewHeight {height: 20px; padding-top: 4px; width: 125px;}

#quicklinksHeader {background-color: #333333; width: 574px; padding: 5px;}

a.qlHeaderLink {font-size: 16px; color: #a5197c; margin-right: 20px; font-weight: bold;}

.qlHeaderBar {background: url('../../media/Gallery/borders/gradient-purple.jpg') repeat-x; color: white; font-weight: bold;}

.overviewRating {float:right; font-weight: bold;}

.qlFilter {position: absolute;}

a.qlFilterLink { cursor: pointer; margin-left: 11px; border: 1px solid #474747; background: url('../../media/quicklinks/arrow.jpg') right no-repeat; float: left; display: block; height: 20px;}

.qlFilter {position: absolute;}

.qlFilter a {color: white; width: 150px; font-size: 11px;}

.qlFilter, a.qlFilterLink { background-color: #111111; color: white; font-size: 14px; font-weight: bold; width: 150px; padding: 2px;}

.qlHeaderText {float: left; padding-top: 2px; font-weight: bold; font-size: 14px; color: white;}

.qlSeparator {height: 1px; width: 95%; margin: 0px auto 0px auto; background-color: #6b6b6b; clear: both;}

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

#gallup {background: url('../../media/News/gallup.jpg') no-repeat top #fdc226; padding-top: 42px; padding-bottom: 20px; color: black;}

/************/
/*PROPERTIES*/
/************/

.propertyListItem { background-color: #bdbdbd; width: 109px; float: left; height: 150px; padding-top: 20px; border: 1px solid #363636; text-align: center; margin: 2px; overflow: hidden;}
.propertyListItem img {width: 90px; height: 90px; border: 0px;}

h2.smallTitle {font-size: 12px; }
h2.bigTitle {}

#propertySearch {width: 777px; background-color: #cdcdcd; font-size: 10px;}
#propertySearch input, #propertySearch select {height: 15px; font-size: 10px;}
#propertySearch label, #propertySearch input, #propertySearch select {margin: 4px 0px 4px 10px; float: left;}
#propertySearchButton {color: white; background-color: #868080; padding: 0px; height: 20px;}

.propertyHeader {padding-top: 7px; height:28px; background: url("../../media/Market/contentTitleDarkBack.png") repeat-x; color: white; margin-bottom: 2px;}
.propertyHeader a {color: white;}