HEX
Server: Apache/2.4.58 (Ubuntu)
System: Linux ns3133907 6.8.0-86-generic #87-Ubuntu SMP PREEMPT_DYNAMIC Mon Sep 22 18:03:36 UTC 2025 x86_64
User: cssnetorguk (1024)
PHP: 8.2.28
Disabled: NONE
Upload Files
File: //old_home_backup/consumeraffairs.org.uk/public_html-20241004153750/style.css
@charset "utf-8";

body {
	margin:0;
	padding:0;
	width:100%;
	color:#8a8a8a;
	background:#f8f8f8;/* url(images/header_bg.gif) repeat-x left top;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.6em;
	font-weight: normal;
	font-variant: normal;
	float: right;
	text-align: justify;
}
html, .main { padding:0; margin:0;}
.main { /*background:url(images/header_bg.jpg) no-repeat center 27px;*/}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h2 {
	margin:8px 0;
	padding:8px 0;
	font-size:20px;
	font-weight:normal;
	color:#353c3e;
	line-height: normal;
}
p {
	width: 250px;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}
a {
	color: #62708D;
	text-decoration: underline;
}

.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}

/* header */
.header { }
.header_resize { margin:0 auto; padding:0; width:960px;}
.logo {
	padding:0;
	float:left;
	width:200px;
	height:130px;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

h1 {
	font-size:26px;
	font-weight:normal;
	line-height:1.2em;
	text-transform:none;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	margin-top: 15;
	margin-right: 0;
	margin-bottom: 15;
	margin-left: 0;
}
.slider { padding:0;}

/* menu */
.menu_nav {
	float:right;
	margin:0;
	padding:0;
	height:96px;
	width: 710px;
}
.menu_nav ul { list-style:none; padding:0; height:96px; float:left;}
.menu_nav ul li { margin:0; padding:0 0 0 1px; float:left;}
.menu_nav ul li a {
	display:block;
	margin:0;
	height:36px;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	color:#333;
	text-decoration:none;
	text-transform:none;
	text-align:center;
	background:#D7D7D7;
	padding-top: 60px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	float: right;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
	text-decoration:none;
	color:#fff;
	background:#53bed6;
	line-height: 120%;
}


/* content */
.content { }
.content_resize {
	width:960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 24px;
	padding-left: 0;
}
.content h2 { }
.content .mainbar { margin:0; padding:0; float:left; width:660px;}
.content .mainbar h2 { margin:0 -20px 8px; padding:12px 20px; border-bottom:1px solid #e7e7e7; background:#ececec;}
.content .mainbar div.img { padding:0 0 12px; /*float:left;*/}
.content .mainbar img { }
.content .mainbar img.fl { margin:0; /*padding:1px; background:#fff; border:1px solid #dcdcdc;*/}
.content .mainbar .article {
	border:1px solid #ddd;
	background:#fff;
	width: 600px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 16px;
	padding-left: 25px;
}
.article p{
	.font-size: 12px;
	color: #666;
	height: auto;
	width: auto;
	line-height: 1.75em;
}
.content .mainbar .post_content { /*float:right; width:380px;*/}
.content .mainbar .post_content strong { color:#3f3f3f; font-weight:bold;}
.content .sidebar {
	padding:0;
	float:right;
	width:290px;
	font-size: 10px;
	background-color: #FFF;
	border: 1px solid #CCC;
}
.content .sidebar .gadget { margin:0 0 12px 0; padding:0 10px 24px;}
.content .sidebar h2 {
	font-size:14px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.star a {
	color: #333;
	text-decoration: none;
}

ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;}
ul.sb_menu li, ul.ex_menu li { margin:0;}
ul.sb_menu li { padding:8px 0; width:220px;}
ul.ex_menu li { padding:4px 0;}
ul.sb_menu li a { color:#747473; text-decoration:none; margin-left:-16px; padding:4px 8px 4px 16px;}
ul.ex_menu li a { font-weight:bold; color:#747473; padding:4px 8px 4px 0; text-decoration:none;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#53bed6; font-weight:bold; text-decoration:none;}

p.spec { padding:0 0 16px;}
p.infopost { margin:0 0 8px; padding:0; color:#6a6969;}
p.infopost a { padding:0 2px; color:#53bed6; text-decoration:none; font-weight:bold;}
p.infopost a:hover { text-decoration:underline;}
p.infopost a.com { display:block; margin:-2px 0; float:right; color:#53bed6; font-weight:normal; font-size:22px; text-decoration:none;}
p.infopost a.com span { }
p.infopost a.com:hover { text-decoration:none;}
.content .mainbar a.rm { float:right; text-decoration:none;}
.content .mainbar a.rm:hover { text-decoration:underline;}

.content p.pages { margin:0; padding:24px 20px; font-size:11px; color:#929292; text-align:left;}
.content p.pages span, .content p.pages a { display:block; float:left; margin:0 4px 0 0; padding:5px 0; width:28px; text-align:center; text-decoration:none;}
.content p.pages span, .content p.pages a:hover { color:#fff; font-weight:normal; background:#c2e5ed;}
.content p.pages a { color:#929292;}
.content p.pages small { font-size:12px; float:right;}

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg { background:#1c1c1c;}
.fbg_resize { margin:0 auto; width:920px; padding:16px 20px; color:#929292; border-bottom:1px solid #434444;}
.fbg  h2 { color:#ececec; font-size:25px; margin-bottom:24px; padding-bottom:4px;}
.fbg img.gal { margin:0 8px 8px 0; padding:0; border:none; background:none;}
.fbg .col { margin:0; float:left;}
.fbg .col2 { margin:0; float:right;}
.fbg .c1 {
	width:400px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
	margin: 0px;
}
.fbg .c2 {
	float: right;
	width: 500px;
 }
.fbg .c3 { padding:0 0 0 16px; width:274px;}
.fbg .fbg_ul { margin:0; padding:0; list-style:none;}
.fbg .fbg_ul li { margin:0; padding:0; list-style:none;}
.fbg .fbg_ul li a { display:block; margin:0; padding:2px 0 2px 12px; color:#929292; text-decoration:none; background:url(images/li.gif) no-repeat left center;}
.fbg .fbg_ul li a:hover { color:#53bed6; text-decoration:underline;}
.fbg p.contact_info { line-height:1.8em;}
.fbg p.contact_info a { text-decoration:underline; color:#53bed6;}
.fbg p.contact_info span { display:block; float:left; width:74px; font-weight:bold; color:#fff;}

/* footer */
.footer { background:#1c1c1c;}
.footer_resize { margin:0 auto; padding:0 30px; width:900px;}
.footer p.lf { margin:0; padding:24px 0; text-align:left; width:auto; line-height:1.5em; color:#929292;}
.footer p.lf a { color:#fff; text-decoration:none; font-weight:bold;}
.footer p.lf a:hover { text-decoration:underline;}
.footer p.lf span { float:right;}

/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:0; padding:5px 2px; height:16px; background-color:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:0; padding:2px; background-color:#fff;}
ol li .send { margin:16px 0 0 0;}

/* search */
#images3{
	float: right;
	height: 295px;
	width: 300px;
	clear: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 28px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-color: #CCC; 
}
#images4{
	margin: 0px;
	float: right;
	height: 190px;
	width: 205px;
	clear: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 15px;
}