/*
Eurobest 2010
/css/main.css
main site structure and common stylesheet
author: Chris Armstrong, Thoughtbubble Ltd
*/

/* -------- Remove the inconsistent default styling of HTML elements. -------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:disc; padding-left:25px; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:; }
abbr,acronym { border:0; }
img { border:none; }

/* -------- CLEARFIX FLOATING FIXES -------- */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
 
/*
-------------------------------------------
MAIN SITE STRUCTURE
-------------------------------------------
*/

body { 
	margin:0 0 0 0;
	padding:0px 5px 5px 5px;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.80em;
	color:#7D7B7C;
	line-height:1.4em;
	background-repeat:repeat-y;
	background-position:0 0;
	background-color:#E9E9E9;
}


h1 { background-color:#575757; color:#FFFFFF; padding:3px 2px 3px 5px;}/*   margin:0 0 20px 0; */
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

p { margin:0 0 8px 0; }
strong { font-weight:bold; }
em { font-style:italic; }
hr { border:0; color:#000000; background-color:#000000; height:1px; }
hr.thick { height:3px; }
hr.spacing { margin-top:8px; margin-bottom:8px; }

.error_text, .error, .errortext { font-weight:bold; color:#DD1E3C; }
.error_box { border:2px solid red; padding:10px 10px 10px 25px; margin:10px 0; color:#f00; font-weight:bold; background-position: 10px 9px;; background-repeat:no-repeat;  background-image:url(/images/icons/excl.gif);  -moz-border-radius: 10px; /* FF1+ */ -webkit-border-radius: 10px; /* Saf3+, Chrome */ border-radius: 10px; /* Opera 10.5, IE 9 */}
.small { font-size:85%; }

a:link, a:visited { color:#00AEEF; text-decoration:none; }
a:hover { text-decoration:underline; }

.vspace5 {	height:5px;}
.vspace10 {	height:10px;}
.vspace20 {	height:20px;}
.vspace30 {	height:30px;}
.vspace40 {	height:40px;}
.vspace50 {	height:50px;}
.vspace100 { height:100px;}

.border-none { border:0 !important; }

/*
-------------------------------------------
STRUCTURAL LAYOUT
-------------------------------------------
*/

 /*FORCED SCROLLBAR */
 html, body {
 	height: 100%;
	margin: 0 0 1px;
	padding: 0;
	}


/* Structural Layout */
#mainWrapper { 
	width:100%; 
	text-align:center;
	background-color:#FFFFFF;
	padding:0 0 80px 0;
	background-image:url(/images/layout/Bottom_page_rip_Grey.png);
	background-repeat:repeat-x;
	background-position:0 100%;
	min-height:860px;
}

* html #mainWrapper {height:860px;}

#pageWrapper { 
	width:933px;
	width:940px;
	margin:auto;
	text-align:left;
}

.ContentArea {
	position: relative;
	margin-top: 6px;
	min-height:360px;
}

.ContentAreaNoHeight {
	position: relative;
	margin-top: 6px;
}

#logo { 
	padding:0px 0 15px 31px; 
	height:230px;
}

#logo IMG { 
	margin:0px 0 5px 0px; 
}

#nav_col {
	float:left; width:218px; position:relative; top:-12px; z-index:10;
}

#main_col {
	float:left; width:695px; margin-left:18px; display:inline; padding:0px 0 0 0; line-height:1.5em; position:relative; overflow:hidden;
}

#footerLinks {
	width:900px;
	margin:auto;
	text-align:left;
	color:#706F70;
	font-weight:bold;
	padding:20px 0 40px 0;
}


/* LEFT BOXES */

.left_box {
	background-color:#00AEEF;
	margin:10px 9px 0px 9px;
	padding:4px 5px 4px 10px;
	color:#FFFFFF;
}

.left_box_header { color:#FFFFFF; display:block; }
a.left_box_header:link, a.left_box_header:visited { color:#FFFFFF; text-decoration:none; cursor:pointer; display:block; }
a.left_box_header:hover { text-decoration:none;  }
.left_box_body {}
.left_box_body a:link, .left_box_body a:visited { color:#FFFFFF; }
.left_box_body a:hover { text-decoration:underline; }

#leftloginForm { padding:5px 0 0 0; }
#leftloginForm label { display:block; margin:0 0 2px 0; padding:0; }
#leftloginForm .textinput { display:block; width:174px; margin:0 0 5px 0; padding:2px; border:0; background-color:#FFFFFF; color:#000000; }
#leftloginForm .left_login_submit_link { float:right; margin:0 2px 8px 0; padding:2px; background-color:#00AEEF; border:1px solid #00AEEF; cursor: pointer; color: #fff; font-size: 0.8em; text-decoration:underline;}
.login_box_text{font-size: 0.7em;}

#leftemailupdatesform { padding:10px 0 0 0px; }
#leftemailupdatesform label { display:block; margin:0 0 2px 0; padding:0;}
#leftemailupdatesform .textinput { display:block; width:174px; margin:0 0 5px 0; padding:2px; border:0; background-color:#FFFFFF;}
#leftemailupdatesform .submit_left_email_update { float:right; margin:1px 2px 8px 10px; padding:2px; background-color:#00AEEF; border:1px solid #00AEEF; cursor: pointer; color: #fff; font-size: 0.8em; text-decoration:underline;}

.linked_top {}
.linked_bottom { margin:20px 0 0 0; }
.linked_content_sub_hd { font-weight:bold; font-size:1.1em; margin:0; padding:0 0 10px 0; }
.block_nav { margin:0px 0 0 0; }

.block_nav h1, .linked_sections h1 { margin:0px 0 10px 0; }
.linked_bottom_item { margin:10px 0 0px 0; }
.linked_top_col { float:left; width:300px; margin-right:20px; display:inline; }

a.nav_link_on { color:#575757; }


/* 
----------------------------------------------------------------------------------
	SLIDESHOW
----------------------------------------------------------------------------------
*/
/*=-- slideshow --=*/
.slideShowNav { background-color:#000; padding:1px 0; width:518px; text-align:center; }
.slideShowNav a { float:left; margin-right:5px; }
.slideShowNav div { margin:auto; }

#tabs { text-align:right; background-color:#575757; padding:4px 0 2px 0; }
ul.adNav { list-style:none; float:right; display:block; padding:4px 5px 0 0; margin:0;  }
ul.adNav li { 
	display:inline;
	float:left; 
	margin:0;
	padding:0;
}

ul.adNav li a:link, ul.adNav li a:visited  { 
	display:block;
	width:10px; 
	height:10px;
	margin:0 3px 0 3px;
	padding:0;
	background-image:url(/images/btn/circ_g.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}

ul.adNav li a:hover, ul.adNav li a.activeSlide:link, ul.adNav li a.activeSlide:visited, ul.adNav li a.activeSlide:hover { background-image:url(/images/btn/circ_o.jpg); }

/* =---    POPUPS    ---= */
.popup_wrapper {  background-color:#fff; padding:10px; }


/*=--   BUTTON STYLES   --=*/
.button_style, .buttons a, .buttons button, .buttons a:visited, .buttons a:link {
	background-color:#00AEEF; color:#fff !important;
    display:block; float:left; font-size:1.0em; border:0; font-weight:bold; margin:5px 0 0 0; cursor:pointer; padding:3px 10px 2px 7px; }

.buttons button img, .buttons a img { margin:0 3px -3px 0 !important; padding:0; border:none; }

/* STANDARD */
.button_style:hover, button:hover, .buttons a:hover { background-color:#ED2027; color:#333; text-decoration:none; }
.buttons a:active{ background-color:#ffd511; color:#333; text-transform:capitalize !important; }
button.lesser, .buttons a.lesser, .lesser_button { background-color:#ddd; color:#333 !important; }
.buttons a.lesser:hover, button.lesser:hover{ background-color:#ddd; }
.buttons a.lesser:active{ background-color:#eee; }

.button_cross, .button_tick, .button_arrow_right, .button_disk { display:inline !important; float:none !important; background-repeat:no-repeat; background-position:3px center; padding-left:25px !important; height:1.7em; }
.button_cross { background-image:url(/images/icons/cross.gif); }
.button_tick { background-image:url(/images/icons/tick.gif); }
.button_arrow_right { background-image:url(/images/icons/arrow_right.gif); }
a.arrow_right:link, a.arrow_right:visited { background-image:url(/images/icons/delegate_arrow.gif); background-repeat:no-repeat; background-position:100% 50%; padding-right:20px !important; }
a.arrow_left:link, a.arrow_left:visited { background-image:url(/images/icons/arrow_left.gif); background-repeat:no-repeat; background-position:2px 50%; padding-left:20px !important; }
a.icon_cross:link, a.icon_cross:visited { background-image:url(/images/icons/cross.gif); background-repeat:no-repeat; background-position:2px 1px; padding-left:23px !important; }
a.icon_disk:link, a.icon_disk:visited { background-image:url(/images/icons/disk.gif); background-repeat:no-repeat; background-position:2px 1px; padding-left:23px !important; }
a.icon_clone:link, a.icon_clone:visited { background-image:url(/images/icons/clone.gif); background-repeat:no-repeat; background-position:2px 1px; padding-left:20px !important; }
a.icon_tick:link, a.icon_tick:visited { background-image:url(/images/icons/tick.gif); background-repeat:no-repeat; background-position:2px 1px; padding-left:23px !important; }	
a.icon_pencil:link, a.icon_pencil:visited { background-image:url(/images/icons/pencil.gif); background-repeat:no-repeat; background-position:2px 1px; padding-left:23px !important; }	
.button_disk { background-image:url(/images/icons/disk.gif); }
input.button_arrow_right { height:2em }
.inline_buttons { display:inline !important; float:none !important; }
input.arrow_right { background-image:url(/images/system/arrows_right.png); background-repeat:no-repeat; background-position:97% 60%; padding:2px 20px 1px 5px !important; }

a.popup_close:link, a.popup_close:visited { float:right !important; background-image:url(/images/icons/cross.gif); background-repeat:no-repeat; background-position:98% 60%; padding-right:25px !important; }