BASIC 
------------
*/
* { /* Reset the margins so IE doesnt barf all over with Box Model problems */
	margin: 0px;
	padding: 0px;
	}
body {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #363636;
	background-color: #fff;                        
}

img, img:link,img:visited {
	border: 0px;
	behavior: url("iepngfix.htc");
}



.clear  {
	height:0px;
	line-height:0px;
	font-size:0px;
	margin:0;
	padding:0;
	clear:both;
	border:0;
	}
.horBorder {
	line-height: 0px;
	font-size: 0px;
	height: 1px;
	background: url("../images/horz_border.png") repeat-x;
	}
#wrapper {
	color: #696969;
	/*position:relative;font-size: 0.75em;top:-15px;*/
	margin: auto;
	width: 900px;
}

.title{
color:#1c61a2;
margin-bottom: 10px;
	font-size: 1.3em;
}
.title-blue{
color:#1c61a2;
margin-bottom: 10px;
	font-size: 1.3em;
}

.title-white{
	color:#fff;
	font-size: 1.3em;
	padding: 10px;
}

h1 {
	font-size: 0.8em;
	line-height: 0.9em;
	letter-spacing: 0em;
	margin: 0px;
	padding: 0px;
}
h2 {
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 1.2em;

}
h3 {
	font-size: 0.8em;
	line-height: 0.9em;
	letter-spacing: 0em;
	margin: 0px;
	padding: 0px;
	}
	


    
	
/*THIS IS THE H1 STYLE WE WILL USE WHERE THE OLD H1 USED TO BE
WE NEEDDED TO MOVE IT UP TOP FOR SEO REASONS*/
.h1 {
	font-size: 0.8em;
	line-height: 0.9em;
	letter-spacing: 0em;
	margin: 0px;
	padding: 0px;
}
	
/*LINKS
-----------------------------------------------------------------------------
*/

a {
	text-decoration: none;
	outline: none;
}
a:hover {

	}

a:link {
	color: #1c61a2;
	text-decoration: none;
}
a:hover {
	color: #990000;
	text-decoration: ;
}

#grey #wrapper, .greySelector {
	background: #000 url("images/grey-bg.png") repeat-x left top;
}
#grey a:link {
	color: #000;
	text-decoration: none;
}
#grey .linkColor {
	color: #000;
}
#grey a:visited {
	color: #000;
	text-decoration: none;
}



/* Improved Radius Buttons using list items
----------------------------------------------------------------------------- 
*/
ul.listarrow{
	list-style: none;
	margin-left:2px;
}
ul.listarrow li{
	background: url("images/arrow.gif") left center no-repeat;
	padding:3px 0 3px 12px;
}



/* CONTENT AREA
----------------------------------------------------------------------------- 
*/

#contentArea {
	margin: 0px 0px 0px 0px;
	text-align: left;
	padding: 0px;
	vertical-align: top;
	float: left; 
	line-height: 1.4em;
}


#oneColumn {	
	padding-top: 10px;
	
	}


/* STORE LOOK */
#store2{
	background-image:url("../images/store_bg.gif");
background-position:left bottom;
background-repeat:repeat-x;
border-color:-moz-use-text-color #EEEEEE #EEEEEE;
border-right:1px solid #EEEEEE;
border-style:none solid solid;
border-width:medium 1px 1px;
color:#4D4D4D;
padding:0 1em 1em;
	
}

/* FIXED WIDTH CONTAINER USED TO KEEP H1 AND SUBNAV ON THE SAME LINE*/
#store2h1container{
background:#fff;
	margin-top: 5px;
	width: 325px;
	margin-bottom:-2px;
	text-align:left;
	
}



#store2 h2{
	margin:18px 0 8px 0;
	font-size: 16px;
	font-weight: lighter;
	line-height: 18px;
}

#store2 h3{
	margin:1em 0 0 0;
	color: #000000;
	font-size: 13px;
}

#store2 h4{
	margin:10px 0 3px 0;
	color: #292929;
	font-size: 13px;
}

#store2 h5{
	margin:0 0 0 0;
	font-size: 15px;
	font-weight: lighter;
	line-height: 10px;
	color:#1C61A2;
}

#store2 p{
	margin:0;
	line-height:1.4;
	color: #616161;
}



#store2 table{
	border-collapse:collapse;
	border-spacing:0;
}

#store2 select.store2{
	background:#f6f6f6;
	border:solid 1px #f6f6f6;
	padding:0px;
	font-size:11px;
}
#store2 input.store2{
	background:#f9f9f9;
	border-color:#ccc;
	padding:1px 4px;
	margin: 0 3px 0 3px;
}
#store2 td{

	padding-bottom: 4px;
	color: #4d4d4d;
}
#store2 th{
	text-align: left;
	color: #4d4d4d;
	padding-bottom: 4px;
	font-weight: bold;
}

#store2 a:link {
	font-weight: ;	
	text-decoration: none;
}
#store2 .linkColor {
	font-weight: ;
}
#store2 a:visited {
	font-weight: ;
}

/* Sub navigation beside H1 */
#store2nav {
	float: right;
	margin: -153px 5px 0 10px;
	z-index: 1001;
}
#store2nav .current {
	color: #ac431d !important;
	font-weight: bold !important;
}
#store2nav a:link {
	margin-left: 25px;
	color: #616161;
	font-weight: normal;
}
#store2nav a:visited {
	margin-left: 25px;
	color: #616161;
	font-weight: normal;
}

.leftCol{
	clear:left;
	float:left;
	width:45%;
}

.rightCol{
	clear:right;
	float:right;
	width:45%;
}
.rightCol-inside{
	clear:right;
	float:right;
	width:55%;
}
.leftCol-inside{
	clear:left;
	float:left;
	width:405px;text-align: left;
}
.rightCol-template{
	clear:right;
	float:right;
	width:30%;
}
.leftCol-template{
	clear:left;
	float:left;
	width:68%;
}



.clearBoth {
	display:block;
	clear:both;
}



.w100{
	width:100%;
	

}


/* Drop Shadow */
.dropshadow, .dropshadow_lg {
	
	background: url(images/dropshadow.png) no-repeat bottom right !important;
	background: url(images/dropshadow.gif) no-repeat bottom right; /* for IE */
  
	-moz-border-radius: 0 .8em 0 .8em;		
	-webkit-border-top-right-radius: .8em;
	-webkit-border-bottom-left-radius: .8em;
	border-top-right-radius: .8em;
	border-bottom-leftt-radius: .8em;
  }
/* Bigger dropshadow */
.dropshadow_lg{
	background: url(images/shared/dropshadow_lg.png) no-repeat bottom right !important;
	background: url(images/shared/dropshadow_lg.gif) no-repeat bottom right; /* for IE */
}
.dropshadow > div, .dropshadow_lg > div {
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -.5em 4px 4px -.5em;
	padding: 0;
}




.gray{
	border:solid 1px #eee;
	border-top:none;
	margin:1em auto;
	padding:0em 1em 1em 1em;
	background-image: url(../images/store_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;	
}
.gray-insede{
	border:solid 1px #eee;
	border-top:none;
	margin:1em auto;
	padding:0em;
	/*background-image: url(../images/store_bg.gif);*/
	background-repeat: repeat-x;
	background-position: left bottom;

	
	
}

#header span {
	position:relative;
	top:20px;
	font-size: 160%;
	color: #FFF;
	background-image: url(../images/uk_flag.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: -5px 30px;
	padding:45px 0 0 90px;
	background: #;
	
	
	
}


div#header{
	width:100%;
	overflow:hidden;
background: #;
}
div#header h1,div#menu{
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: auto;
}
div#header h1{padding: 30px 0 10px;color: #FFF}

ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float:right;font-size: 100%}
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav a{
font-weight:bold;

color:#1c61a2;
	float:left;
	width: ;
	padding:5px 10px 5px 10px ;
	background: #fff;
	text-decoration:none;
	filter: Alpha(Opacity=60);
	-moz-opacity:0.60;
}
ul#nav a:hover{background: #fff;color:#990000; filter: Alpha(Opacity=100);	-moz-opacity:1.0; }
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #fff;color: #1c61a2;filter: Alpha(Opacity=100);	-moz-opacity:1.0; }


/* 2010 */
ul#nav2010{float:left;font-size: 100%}




#footer-nav{
	display: compact;
}

#footer-nav a{
	padding:5px  ;
	text-decoration:none;
	}

#footer p {
	margin: 40px 0 0 14px;
	color:#;
}

#links-nav{
	display: compact ;
}
#links-nav,ul#links-nav li{list-style-type:none;margin:0;padding:0}

#links-nav li{margin-left: 0px;text-align: left}
#links-nav a{
	padding:0px  ;
	text-decoration:none;
	filter: Alpha(Opacity=70);
	-moz-opacity:0.70;!important}
#links-nav a:hover{
filter: Alpha(Opacity=100);	
-moz-opacity:1.0; !important
}

#links-nav li.activelink a,
ul#links-nav li.activelink a:hover{list-style-type:none;color: #;
	filter: Alpha(Opacity=100);
	-moz-opacity:1.0;
!important;
}
#links p {
	margin: 40px 0 0 14px;
	color:#;
}

.largetitle {
	font-size: 18px;
	color: #666666;
	font-weight: normal;
	margin-bottom:0px;
}

/* SIGNUP BUTTON */
a.signupButton {
	background: transparent url(../images/signupbutton_right.gif) no-repeat scroll top right;
	display: block;
	color:#333333 !important;
	float: left;
	height: 35px;
	font-size:12px;
	margin-right: 6px;
	padding-right: 20px; /* sliding doors padding */
	text-decoration: none;
}
	
a.signupButton span {
	background: transparent url(../images/signupbutton_bg.gif) no-repeat;
	display: block;
	line-height: 14px;
	padding: 10px 0px 10px 18px;	/* ensure font-height + padding = a.btn_scalable height */
}
#all_form { margin:0px; padding:0px; }
#all_form label { float:left; width:50px; cursor:pointer; margin:3px 0px 0px 0px; }
#all_form input[type="text"] { width:160px; margin:0px 0px 5px 0px; border:1px solid #DEDEDE; padding:2px; font-size:11px; }
#all_form input[type="text"]:focus { border:1px solid #2359a3; }
#all_form input[type="submit"] { font-family:Arial,sans-serif;overflow:hidden; padding:1px; background-color:#F5F5F5; border:1px solid #CCCCCC; font-size:11px; color:#2359a3;}
#all_form input[type="submit"]:hover { cursor:pointer; border:1px solid #999999; background-color:#2359a3; color:#FFFFFF;}
					
#all_form textarea{ width:160px; margin:0px 0px 5px 0px; border:1px solid #DEDEDE; padding:2px; font-size:11px; }
#all_form textarea:focus { border:1px solid #2359a3; }

#employment, #contact_time, #marital, #homeowner { width:160px;}


#all_form select {  margin:0px 0px 5px 0px; border:1px solid #DEDEDE; padding:2px; font-size:11px; }
#all_form select:focus { border:1px solid #2359a3; }

.article_picture_frame { float:left; padding:5px 10px 0px 0px;}

.article_picture_frame img { margin:0px 0px 0px 0px; border:1px solid #DEDEED; padding:4px; }

/* RATING STARS */
.votes { float:right; margin:-20px 0px 0px 0px; padding:0px 0px 0px 5px; background:#FFFFFF; }

/* COMMENTS */
#comments { margin:10px 0px 0px 0px; }
#comments_list { margin:0px 0px 0px 0px; padding:0px; }
#comments_list_info { margin:10px 0px; padding:0px 0px 5px 0px; border-bottom: 1px dotted #2359a3;}
#comments_list ul { list-style:none; margin:0px 0px 0px 0px; padding:0px; border-bottom: 1px dotted #2359a3;}
#comments_list ul li { list-style:none; margin:0px 0px 15px 0px; padding:0px; }

.comment_header {
	background-image: url(../images/comment_header_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.comment_header_left { float:left; margin:0px 0px 14px 10px; }
.comment_header_right { float:right; margin:10px 10px 0px 0px; background:url(../images/icon_comments.gif) no-repeat 0px 3px; padding:0px 0px 0px 15px;}
.comment_body { padding:8px 10px 10px 10px; border-left:1px solid #DEDEDE; margin:0px; border-right:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; background:#FFFFFF url(../images/comment_bg.jpg) repeat-x bottom;}
.comment_body_over { padding:8px 10px 10px 10px; border-left:1px solid #DEDEDE; margin:0px; border-right:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; background:#FFFFFF;}

.comment_title { font-size:14px; font-weight:bold; color:#2359a3; margin:0px 0px 0px 10px; text-transform:uppercase; }
#comment_submit { margin:10px 0px; }
#comment_form { margin:10px 5px; }
#comment_form label { cursor:pointer; margin:3px 0px 0px 0px; }
#comment_form input[type="text"], textarea { width:150px; margin:5px 0px 5px 0px; border:1px solid #CCCCCC; padding:3px; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
#comment_form input[type="text"]:focus, textarea:focus { border:1px solid #2359a3; }
#comment_form textarea { width:320px; height:120px;}
#comment_form input[type="submit"] { font-family:Arial,sans-serif;overflow:hidden; padding:3px; background-color:#F5F5F5; border:1px solid #CCCCCC; font-size:13px; color:#2359a3; margin:10px 0px 0px 0px; }
#comment_form input[type="submit"]:hover { cursor:pointer; border:1px solid #999999; background-color:#2359a3; color:#FFFFFF; }
#comment_antispam {}

.comment_left { float:left; }
.comment_right { float:right; width: 350px}
.comment_captcha { text-align:center; }
.comment_captcha p { margin:5px 0px; }
.comment_captcha img { }
.f_tab { font-size:1.2em; }
.f_tab h4 a{ font-size:2em !important;
font-weight:normal;}
.top_form {
/*-moz-border-radius:0.5em 0.5em 0.5em 0.5em;
	   -webkit-border-radius:0.5em 0.5em 0.5em 0.5em;
	   border-radius:0.5em 0.5em 0.5em 0.5em;
	  border:1px solid #1c61a2;
background:url("../images/") no-repeat scroll 0 0 #1c61a2;

color:#000!important;
display:block;
margin-bottom:10px;

padding:10px 20px;*/
}
.top_form #form1 table{ background:url("http://cleardebtonline.co.uk/images/store_credits_calc_bg.png") repeat-x scroll left bottom #fff;
width:100%;
}

.top_form #form1 tbody{ background:url("http://cleardebtonline.co.uk/images/gomb1.png") no-repeat scroll 290px 10px transparent;}
.top_form #form1 td{ padding:5px;}
.gomb {
	-moz-border-radius:0.3em 0.3em 0.3em 0.3em;
	   -webkit-border-radius:0.3em 0.3em 0.3em 0.3em;
	   border-radius:0.3em 0.3em 0.3em 0.3em;
	   border:1px solid #0083D3; display:inline-block;
color:#fff;
margin-bottom:10px;
padding:4px 10px;
text-decoration:none!important;background:url("http://cleardebtonline.co.uk/images/gomb.png") repeat-x scroll 0 -103px #1D577B;font-size:2.3em;}
.gomb:hover {background:url("http://cleardebtonline.co.uk/images/gomb.png") repeat-x scroll 0 -1px #1D577B;}