/*
---------------------------------------------------------------------------------
- HTML, BODY
---------------------------------------------------------------------------------
*/
body {
	padding:				15px;
	font:					12px arial, helvetica, sans-serif;
	color:					#444;
	background-color:		#fff;
}
/*
---------------------------------------------------------------------------------
- GLOBAL ELEMENTS (LINKS / DIV / P ETC.)
---------------------------------------------------------------------------------
*/
* {
	margin:					0px;
	padding:				0px;
	border:					0px;
}
a:link, a:active, a:visited {
	font:					12px arial, helvetica, sans-serif;
	color:					#b72726;
	text-decoration:		none;
}
a:hover {
	text-decoration:		underline;
}
.clear-row {
	clear:					both;
	overflow:				hidden;
}
.page_topic {
	font:					25px tahoma;
	color:					#CC0000;
	margin-bottom:			5px;
}
.wysiwyg_pre {
	font-family:			arial, helvetica, sans-serif;
	font-size:				1.2em;
	line-height:			1.5em;
	color:					#666666;		
	text-align:				justify;
}

/*
---------------------------------------------------------------------------------
- CAMPAIGNS
---------------------------------------------------------------------------------
*/
div#page-content-huge p {
	line-height:			1.5em;
}

div#page-content-huge h1, 
div#page-content-huge h2 {
	font-family:			tahoma, arial, helvetica;
	font-weight:			normal;
	color:					#CC0000;
	margin:					10px 0px 3px 0px;
}

div#page-content-huge h1 {
	font-size:				25px;
}

div#page-content-huge h2 {
	font-size:				15px;
}

div#page-content-huge table thead th {
	width:					100px;
	text-align:				left;
}

div#page-content-huge a:hover {
	text-decoration:		underline;
}

/*------------------------------------------------------------------------------*/


span.mark-as-mandatory { font:	bold 15px arial, helvetica, sans-serif; color:	#FF0000; }

.row-even	{ background-color:	#ddd; }
.row-odd	{ background-color:	#eee; }
.row-over	{ background-color:	#eeeee0; cursor: default; }

.width-70px { width: 70px; }
.width-75px { width: 75px; }
.width-80px { width: 80px; }
.width-100px { width: 100px; }
.width-120px { width: 120px; }
.width-125px { width: 125px; }
.width-150px { width: 150px; }
.width-200px { width: 200px; }
.width-250px { width: 250px; }

.height-0px { height: 0px; }
.height-3px { height: 3px; }
.height-5px { height: 5px; } 
.height-10px { height: 10px; } 
.height-20px { height: 20px; } 
.height-300px { height: 300px; }

.left-3px { padding-left: 3px; }

.align-left	{ text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
/*
---------------------------------------------------------------------------------
- HEADER
---------------------------------------------------------------------------------
*/
div#top-on-development {
	margin:					-20px 0px 10px 0px;
	width:					100%;
	height:					30px;
	padding:				15px 0px 5px 0px;
	text-align:				center;
	font:					bold 17px arial;
	color:					#FFF;
	border:					1px #33690B solid;
	background-color:		#57C00A;
	}
div#top {
	position:				relative; 
	left:					-1px;
	width:					967px;
	border:					0px #000 solid;
}
div#flag-container {
	z-index:			2;
	position:			absolute;
	width:				968px;
	top:				64px;
	border:				0px #000 solid;
}
div#flag-select {
	height:				16px;
	margin-left:		auto;
	margin-right:		0px;
	text-align:			right;
	vertical-align:		middle;
	border:				0px #FF0000 dashed;
}
p.flag-box {
	float:				right;
	width:				16px;
	height:				16px;
	margin:				0px 0px 0px 4px;
	padding:			0px;
}
/*
---------------------------------------------------------------------------------
- FOOTER
---------------------------------------------------------------------------------
*/
div#foot {
	clear:				both;
	margin:				0px 0px 0px 0px;
	width:				728px;
}
div#foot a:link, div#foot a:active, div#foot a:visited {
	font:				11px arial, helvetica, sans-serif;
	color:				#444;
	text-decoration:	none;
}
div#foot a:hover {
	text-decoration:	underline;
}
/*
---------------------------------------------------------------------------------
- INDEX
---------------------------------------------------------------------------------
*/
div#frontleft {
	float:				left;
	width:				210px;
	padding:			0px 30px 0px 0px;
	line-height:		1.6em;
}



div#frontcenter	{
	float:				left;
	margin:				10px 0px;
	width:				486px;
}
div#frontcenter table {
	margin:				20px 0px 20px 0px;
}
div#frontcenter table td {
	padding:			2px;
}
div#frontcenter table a:link, div#frontcenter table a:active, div#frontcenter table a:visited {
	font:				bold 11px arial, helvetica, sans-serif;
	color:				#b72726;
	text-decoration:	none;
}
div#frontcenter table a:hover {
	text-decoration:	underline;
}
div#frontright {
	float:				left;
	width:				210px;
	padding:			0px 0px 0px 30px;
	line-height:		1.6em;
}
div.front_boxes	{
	position:			relative;
	width:				180px;
	margin:				10px 0px 0px 0px;
	padding:			15px 15px 20px 15px;
	border:				1px #dbdbdb solid;
	background-image:	url("../pics/bg-grey-box.gif");
	line-height:		1.6em;
}
div#frontleft form {
	margin:				10px 0px 0px 0px;
}
div#frontright form {
	margin:				10px 0px 10px 0px;
}
p.form-field-topic {
	float:				left;
	width:				170px;
	font:				11px arial, helvetica, sans-serif;
	color:				#444;
}
p.form-field-input {

}
p.form-field-input input.reg-form-field, p.form-field-input textarea, .profile_field {
	width:				175px;
	padding:			1px;
	font:				11px arial, helvetica, sans-serif;
	border-right:		1px #cbe1ef solid;
	border-top:			1px #b0c2cb solid; 
	border-left:		1px #b0c2cb solid;
	border-bottom:		1px #cbe1ef solid;
}
p.form-field-input input.form-button, p.offer-signup-form-input input.form-button, p.rb-counter-form-input input.form-button, p.contact-form-input input.form-button, p.contact-field-button input.form-button, .form-button {
	margin:				8px 1px 0px 0px;
	padding:			3px 3px 3px 3px;
	border-right:		1px #e6c2bf solid; 
	border-top:			1px #e6c2bf solid;
	border-left:		1px #e6c2bf solid;
	border-bottom:		1px #e6c2bf solid;
	font-family:		bold 11px arial, helvetica, sans-serif;
	color:				#101010;
	background-color:	#eee;
}
p.index-toprake-name, p.index-toprake-value {
	float:				left;
	font:				10px arial, helvetica, sans-serif;
}
p.index-toprake-name { width: 145px; }
p.index-toprake-value {	width: 30px; }

/*
---------------------------------------------------------------------------------
- OFFERS -> OVERVIEW
---------------------------------------------------------------------------------
*/
div.offer-smallbox-container {
	float:				left;
	width:				452px;
	height:				200px;
}
div.offer-smallbox-header {
	width:				445px;
	height:				45px;
	padding:			5px 0px 0px 7px;
	font:				bold 16px arial, helvetica, sans-serif;
	color:				#fff;
	background-image:	url("../pics/offer-smallbox-header.png");
	background-repeat:	no-repeat;
}
div.offer-smallbox-middle {
	width:				452px;
	background-image:	url("../pics/offer-smallbox-middle.png");
	background-repeat:	repeat-y;
}
div.offer-smallinfo-container {
	float:				left;
	width:				280px;
	margin:				0px 0px 0px 15px;
}
div.offer-smallbox-picture {
	float:				left;
	width:				125px;
	height:				125px;
	margin:				0px 0px 0px 15px;
}
div.offer-smallbox-picture img {
	border:				1px #000 solid;
}
p.offer-smallinfo-topic {
	float:				left;
	width:				75px;
	height:				19px;
	padding:			3px 0px 0px 5px;
	font:				bold 11px arial, helvetica, sans-serif;
	color:				#000;
}
p.offer-smallinfo-content {
	float:				left;
	width:				200px;
	height:				19px;
	padding:			3px 0px 0px 0px;
	font:				12px arial, helvetica, sans-serif;
	color:				#000;
}
p.offer-forum-button {
	float:				left;
	width:				280px;
	margin:				11px 0px 0px 0px;
	text-align:			left;
}
p.offer-forum-button input.offer-button {
	font:				10px arial, helvetica, sans-serif;
	color:				#770606;
	padding:			5px 3px 5px 3px;
	border:				1px #000 solid;
	background-image:	url("../pics/bg-offer-button.png");
	background-repeat:	repeat-x;
	cursor:				pointer;
}
div.offer-smallbox-footer {
	width:				452px;
	height:				25px;
	background-image:	url("../pics/offer-smallbox-footer.png");
	background-repeat:	no-repeat;
}
div.offer-spacer {
	float:				left;
	width:				63px;
}
/*
---------------------------------------------------------------------------------
- OFFERS -> VIEW SINGLE OFFER -> LEFT CONTAINER
---------------------------------------------------------------------------------
*/
div#single-offer-container-left {
	float:				left;
	width:				735px;
	margin:				20px 20px 20px 0px;
	border:				0px #000 solid;
}
div#single-offer-container-left div.single-offer-bigbox {
	float:				left;
	width:				735px;
}
div#single-offer-container-left div.single-offer-bigbox div.bigbox-header {
	float:				left;
	width:				728px;
	height:				45px;
	padding:			5px 0px 0px 7px;
	font:				bold 16px arial, helvetica, sans-serif;
	color:				#fff;
	background-image:	url("../pics/offer-bigbox-header.png");
	background-repeat:	no-repeat;
}
div#single-offer-container-left div.single-offer-bigbox div.bigbox-middle {
	float:				left;
	width:				735px;
	background-image:	url("../pics/offer-bigbox-middle.png");
	background-repeat:	repeat-y;
}
div#single-offer-container-left div.single-offer-bigbox div.bigbox-footer {
	float:				left;
	width:				735px;
	height:				17px;
	background-image:	url("../pics/offer-bigbox-footer.png");
	background-repeat:	no-repeat;
}
div.single-offer-logo {
	float:				left;
	width:				127px;
	height:				127px;
	margin:				0px 7px 0px 7px;
}
div.single-offer-logo img {
	border:				1px #000 solid;
}
div.single-offer-details {
	float:				left;
	width:				587px;
}
td.offer-col-left {
	width:				115px;
	padding:			3px 0px 3px 5px;
	vertical-align:		top;
	font:				bold 11px arial, helvetica, sans-serif;
	color:				#444;
}
td.offer-col-right {
	width:				470px;
	padding:			3px 0px 3px 5px;
	vertical-align:		top;
	font:				12px arial, helvetica, sans-serif;
	color:				#000;
}
table.additional-info {
	margin:				0px 7px 0px 7px;
}
td.offer-add-info-left {
	width:				280px;
	padding:			3px 0px 3px 5px;
	vertical-align:		top;
	font:				bold 11px arial, helvetica, sans-serif;
	color:				#444;
}
td.offer-add-info-right {
	width:				430px;
	padding:			3px 0px 3px 5px;
	vertical-align:		top;
	font:				12px arial, helvetica, sans-serif;
	color:				#000;
}
/*
---------------------------------------------------------------------------------
- TINYMCE SPECIFIC ELEMENT CSS
---------------------------------------------------------------------------------
*/
div.tinymce-content {
	margin:				0px 7px 0px 7px;
}
div.tinymce-content ol, div.tinymce-content ul {
	margin:				0px 7px 5px 25px;
}
div.tinymce-content table td {
	border: 1px #666 solid;
}
/*
---------------------------------------------------------------------------------
- OFFERS -> VIEW SINGLE OFFER -> RIGHT CONTAINER
---------------------------------------------------------------------------------
*/
div#single-offer-container-right {
	float:				left;
	width:				212px;
	margin:				20px 0px 20px 0px;
	border:				0px #000 solid;
}
div#single-offer-container-right div.single-offer-minibox {
	float:				left;
	width:				212px;
}
div#single-offer-container-right div.single-offer-minibox div.minibox-header {
	float:				left;
	width:				205px;
	height:				45px;
	padding:			5px 0px 0px 7px;
	font:				bold 16px arial, helvetica, sans-serif;
	color:				#fff;
	background-image:	url("../pics/offer-minibox-header.png");
	background-repeat:	no-repeat;
}
div#single-offer-container-right div.single-offer-minibox div.minibox-middle {
	float:				left;
	width:				212px;
	padding:			0px 7px 0px 7px;
	background-image:	url("../pics/offer-minibox-middle.png");
	background-repeat:	repeat-y;
}
div#single-offer-container-right div.single-offer-minibox div.minibox-footer {
	float:				left;
	width:				212px;
	height:				17px;
	background-image:	url("../pics/offer-minibox-footer.png");
	background-repeat:	no-repeat;
}
p.offer-signup-formtopic {
	float:				left;
	width:				198px;
	font:				11px arial, helvetica, sans-serif;
}
p.offer-signup-formtopic sup {
	font-size:			13px;
	font-weight:		bold;
	color:				#ff0000;
}
p.offer-signup-formfield {
	float:				left;
	width:				198px;
}
p.offer-signup-formfield input, p.offer-signup-formfield select {
	width:				192px;
	padding:			1px 2px 1px 2px;
	font:				12px arial, helvetica, sans-serif;
	border-left:		1px #b0c2cb solid;
	border-top:			1px #b0c2cb solid;
	border-right:		1px #cbe1ef solid;
	border-bottom:		1px #cbe1ef solid;
	background-color:	#eee;
}
p.offer-signup-formfield select option {
	padding:			1px 2px 1px 2px;
	font:				12px arial, helvetica, sans-serif;
}
p.offer-signup-button-left {
	float:				left;
	width:				99px;
	text-align:			left;
}
p.offer-signup-button-right {
	float:				left;
	width:				99px;
	text-align:			right;
}
p.offer-signup-button-left input, p.offer-signup-button-right input {
	padding:			3px 4px 3px 4px;
	font:				12px arial, helvetica, sans-serif;
	border:				1px #c7d0d4 solid;
	background-color:	#ddd;
}

/*
---------------------------------------------------------------------------------
- COUNTER
---------------------------------------------------------------------------------
*/
div#counter-holder {
	margin:				15px 0px 0px 0px;
}
p.rb-counter-form-topic {
	float:				left;
	width:				150px;
}
p.rb-counter-form-input {
	float:				left;
	width:				150px;
}
p.rb-counter-form-input input.reg-form-field, p.rb-counter-form-input select {
	width:				100px;
	padding:			1px;
	font:				11px arial, helvetica, sans-serif;
	border-right:		1px #cbe1ef solid;
	border-top:			1px #b0c2cb solid; 
	border-left:		1px #b0c2cb solid;
	border-bottom:		1px #cbe1ef solid;
}
p.rb-counter-form-input select { width: 105px; }

/*
---------------------------------------------------------------------------------
- CONTACT
---------------------------------------------------------------------------------
*/
p.contact-form-field-topic {
	float:				left;
	width:				150px;
	font:				11px arial, helvetica, sans-serif;
	color:				#444;
}
p.contact-form-field-input {
	float:				left;
	width:				300px;
}
p.contact-form-field-input input, p.contact-form-field-input textarea {
	width:				300px;
	padding:			1px;
	font:				11px arial, helvetica, sans-serif;
	border-right:		1px #cbe1ef solid;
	border-top:			1px #b0c2cb solid; 
	border-left:		1px #b0c2cb solid;
	border-bottom:		1px #cbe1ef solid;
}
p.contact-field-button {
	float:				left;
	width:				455px;
	text-align:			right;
}
/*
---------------------------------------------------------------------------------
- START INSIDE
---------------------------------------------------------------------------------
*/
p.button-edit-profile {
	float:				left;
	width:				155px;
	text-align:			left;
}
p.button-change-passwd {
	left:				left;
	text-align:			right;
	border:				0px #000 solid;
}

div#page_new_cust_info select {
	padding:			1px 3px 1px 3px;
	border:				1px #dbdbdb solid;
}
div#page_new_cust_info select option {
	padding:			1px 10px 1px 3px;
}
div#page_new_cust_menu {
	float:				left;
	width:				365px;
	margin:				0px 0px 15px 0px;
	padding:			10px 0px 10px 5px;
	border:				1px #dbdbdb solid;
	background-color:	#F2F2F2;
	line-height: 1.6em;
}
div#page_start_mysites {
	float:				left;
	width:				959px;
	margin:				0px 0px 0px 0px;
	padding:			10px 0px 10px 5px;
	line-height:		1.6em;
	border:				1px #dbdbdb solid;
	background-color:	#F2F2F2;
}
div#page_new_cust_news {
	float:				left;
	width:				220px;
	margin:				0px 0px 0px 0px;
	padding:			10px 5px 10px 5px;
	border:				1px #dbdbdb solid;
	background-color:	#F2F2F2;
	line-height:		1.6em;
}
/*
---------------------------------------------------------------------------------
- BANNERSWAPPER
---------------------------------------------------------------------------------
*/

#slider { width:968px; height:100px; position:relative; overflow:hidden; margin: 15px 0 8px 0;}
#slider a { font-weight:bold; color: #B72726;  text-decoration:none;}

#mask-gallery {	overflow:hidden; }
#mask-excerpt { position:absolute; top:75px; left:0; z-index:500px; width:968px; overflow:hidden; height: 25px; }

#gallery { list-style:none; margin:0; padding:0; z-index:0; overflow:hidden;}
#gallery li { float:left; }

#excerpt { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; list-style:none; margin:0; padding:0; z-index:10; position:absolute; left:0; width:968px;
		   background: transparent url("../pics/semi_transparent.png") repeat; overflow:hidden; font-family:arial; font-weight:bold; font-size:11px; color:#fff; }
#excerpt li { padding:6px 5px 5px 10px; }
	
#buttons { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; z-index:20; position:absolute; top:76px; right:10px; color:#000; }
#buttons img { border: none; }

.clear { clear:both; }

/*