:focus {outline: 0;}

a {color: #0923FF;}
a:hover {text-decoration: none;}
a.tooltip {margin: 0 0 0 0.5em; background-color: transparent; color: #1c3257; font-size: 0.8em; font-weight: bold; text-decoration: none; background-image:url(/media/nononsense/images/new/help_icon.gif); width: 16px; height: 16px;}

a.tooltipForm {margin:0; background-color: transparent; color: #1c3257; text-decoration: none;}
img.tooltipForm {margin:0; cursor: pointer; margin: 2px 0px 0px 0px;}


blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

br.clear {margin:0; padding:0; clear: both;}

.clear{margin:0; padding:0; clear:both;}

.clearUL {clear: both; margin: 0; padding: 0; background-color:#CDE5FD; display: none; height: 1px;}

caption, td, th {font-weight: normal; text-align: left;}

h1 {margin: 10px 0 10px 0; color: #f08400; font-size: 1.3em; font-weight: bold;}
p {font-size: 0.7em;}

p#footer {
 font-size: 0.9em;
}


/* ...............................................................*/
/* LIST ITEMS ....................................................*/
/* ...............................................................*/

ul.ticks{margin:0px; padding:0px; border:1px solid #ff6600; font-size:0.8em}
ul.ticks li{margin:0px; padding:0px; background:url(/media/nononsense/images/bullets/checkbox.gif) repeat}

/*iframe {height: 117px;}/* Size of iframe header - to be amended per client */ 

iframe#clientHeader {height: 117px;}

iframe#email
{
    width: 100%;
    height: 400px;
    margin-bottom: 15px;
}



/* ...............................................................*/
/*  FORMS ........................................................*/
/* ...............................................................*/
input, select, textarea {
	border: #7f9db9 1px solid;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:.85em;
	padding: 2px;
	width: auto;
}

input.button {
	background: #0000b6;
	color: #fff;
	font-size: 0.8em;
	font-weight: bold;
	padding: 1px 8px 1px 3px;
	cursor: pointer; cursor: hand;
}

input.radio {
	border: none;
	width: auto;
}

input.checkbox {
	border: none;
	width: 15px;
	float: left;
	height:15px !important;

}

input.large, select.large, textarea.large {
	width: 180px !important;
}

input.medium, select.medium, textarea.large {
	width: 100px !important;
}



.hidden {
	display: none;
}
/* ...............................................................*/
/*  PROGRESS .....................................................*/
/* ...............................................................*/

#progress {margin:0 auto 0 auto; width: 755px; }



#progress ul {margin: 0; padding:0;}

/*#progress ul li { margin: 0 1px 0 0; padding:0; float:left;	display: inline; background: #192c4eurl(/media/nononsense/images/buttons/progress_tab_right.gif") bottom right no-repeat; color: #fff; font-size: 0.8em; font-weight: bold;}

#progress ul li:last-child {margin: 0;}

#progress ul li.active {background: #f29b31url(/media/nononsense/images/buttons/progress_tab_right_active.gif") bottom right no-repeat; color: #fff;}

#progress ul li a {margin:0; padding: 9px 24px; display: block; background:url(/media/nononsense/images/buttons/progress_tab_left.gif") bottom left no-repeat; color: #fff; text-decoration: none;}

#progress ul li a:hover {text-decoration: none; cursor: pointer;}

#progress ul li.active a {background:url(/media/nononsense/images/buttons/progress_tab_left_active.gif") no-repeat bottom left;}

#progress ul li.active a:hover {text-decoration: none; cursor: pointer;}*/

#progress ul li {margin: 0 1px 0 0; padding:10px 0 10px 0; width:186px; float:left;	display: inline; background:url("/media/nononsense/images/new/progress.gif") no-repeat; color: #fff; font-size: 0.8em; font-weight: bold; text-align: center;}
#progress ul li.active {background:url("/media/nononsense/images/new/progress_selected.gif") no-repeat; }


/*  PROGRESS BAR..................................................*/
#progress_bar {margin:0; padding:0; width: 5px; height: 15px; background:#F39D33 }
#progress_bar p {margin:0; padding: 0 0 0 26px; font-weight:bold; color:#fff; font-size: 0.7em;}
#progress_plinth {margin:-1px 0 0 0; padding:0; width:748px; background-color: #badcfe; clear:both; float:left; }
/* ...............................................................*/
/* ...............................................................*/
/* ...............................................................*/
#form_wrapper {margin: 0 auto 0 auto; padding: 0; clear: both; }
/*#form_wrapper p {line-height: 18px;}*/

/* ...............................................................*/
/* RECENT RATES ..................................................*/
/* ...............................................................*/
#recent_rates { margin: 0 0 12px 0; width: 189px; border: #bdd4f6 1px solid; border-top: none; voice-family: "\"}\"";
	voice-family: inherit;
	width: 187px;
}

#recent_rates p {
	margin: 0 0 6px 8px;
	font-size: 0.8em;
	padding-bottom: 3px;
}
#recent_rates p a{
	font-size: 0.9em;
	padding-left: 2px;	
	padding-top: 5px;
}

#recent_rates table {
	border-left: #e7e7e7 1px solid;
	border-top: #e7e7e7 1px solid;
	margin: 4px 0 4px 4px;
	width: 179px;
}

#recent_rates table tr th {
	border-bottom: #e7e7e7 1px solid;
	border-right: #e7e7e7 1px solid;
	padding: 0;
}

#recent_rates table tr.odd th {
	background-color: #e7e7e7;
	border-right: #fff 1px solid;
}

#recent_rates table tr td {
	border-bottom: #e7e7e7 1px solid;
	border-right: #e7e7e7 1px solid;
	font-size: 0.8em;
	padding: 0 8px;
	vertical-align: middle;
}

#recent_rates table tr.odd td {
	background-color: #e7e7e7;
}

#recent_rates table img {
	margin: 0; padding: 0;
}




/* ...............................................................*/
/* Drivers table Wide ............................................*/
/* ...............................................................*/



table.drivers 

{padding: 0; margin: 10px 0 10px 12px;  width: auto;  font-size: 0.55em;  text-align: center; 	}

#detailsPanel table.drivers
{    
    margin: 0px; 
    width: 100%;
    font-size: 0.94em;
}
#detailsPanel table.drivers th
{    
   font-size: 0.9em;
   padding: 3px;
}
#detailsPanel table.drivers td
{    
    font-weight: normal;
    padding: 3px;
}



table.drivers td.heading {background-color: #213b65; color: #ffffff; vertical-align: middle; font-weight: bold;}



table.drivers td { margin: 0; padding: 0 2px 0 2px; border-bottom: 1px dotted #94BBDC; }


table.drivers tr { height: 35px; margin: 0; padding: 0;}


table.drivers th { padding: 3px;   font-size: 1.3em; background-color: #94BBDC;  color: #233F6C;  vertical-align: middle;  font-weight: bold;}

div#full_quote table.drivers td input { margin: 0; padding: 2px 0 0 2px; width: 55px; font-size: 1.2em;}

div#full_quote table.drivers td input.radio{ margin: 0; padding: 2px 0 0 2px; width: 20px; font-size: 1.2em;}

div#full_quote table.drivers td label.inline {float: left;}

div#full_quote select.noMargin { margin: 0; padding: 0;	width: auto; }

div#full_quote select.Fixed{ margin: 0; padding: 0;	width: 150px; }

div#full_quote fieldset p1 {clear: both;

	background:url("/media/nononsense/images/tiles/fieldset_p.gif") top left repeat-x;

	overflow: hidden;

	padding: 8px 0 12px 0px;

}
.floatLeft
{
    float: left;
}
.floatRight
{
    float: right;
}
div.middle p a.floatRight
{
    font-size: 0.9em;
    margin: 3px 5px 10px 0px;
}

div.mainText p#policy
{
    font-size: 0.75em;
    
}
div.mainText ul#optionalFeaturesList li
{
    font-size: 0.9em;
    float: left;
    width: 50%;
    height: 18px;
}
div.mainText ul#optionalFeaturesList
{
    display: table;
    padding-bottom: 25px;
    list-style-type: circle;
    list-style-position: outside;
}
div.mainText ul#optionalFeaturesList li
{
list-style-type: circle;
}

div.mainText ol.formList
{
    list-style-type: none;
    margin: 20px 0px 0px 51px;
}
div.mainText ol.formList .formStar
{
    margin-left: 10px;
    color: #ADADAD;
    
}
div.mainText ol.formList .button
{
    font-size: 0.9em;
    margin-left: 200px;    
}
div.mainText ol.formList .button2 
{
    background-color:#000099;
	margin:10px 0 0 120px;
	padding:3px;
	width:auto;
	font-size: 0.9em;
    margin-left: 0 !important; 
	margin-left: 100px;   
	color: #FFF;
	font-weight:bold;
}
iframe#assumptionsIFrame
{
    width: 100%;
    height: 380px;
    margin-bottom: 15px;
}
body.directDebitTerms ol
{
    list-style-type: decimal;
    list-style-position: inside;
    margin-left: 12px;
}
body.directDebitTerms ol ol
{
    list-style-type: lower-alpha;
    margin-left: 8px;
}
body.directDebitTerms ol li
{
    margin: 2px 0px 4px 0px;
}

/*..................................................*/
/*.................... HEADER ......................*/
/*..................................................*/

.header{
margin:0 auto; 
padding:0; 
width:1006px; 
background:url("/media/nononsense/images/no-non-heading-bg.gif") top repeat-x; 
}
.header-ra{
margin:0 auto; 
padding:0; 
width:1006px;
background-image:none;
}
.logo{
margin:0 16px; 
padding:0; 
width:219px; 
float:left; }
.callus{
margin:28px 8px 5px 0; 
padding:0; 
float:right; 
clear:right}
.callusBlank{
margin:48px 8px 5px 0; 
padding:0; 
float:right; 
clear:right}

#menu_top{
	margin:0;
	padding:0;
	float:right;
	width:700px;
	position:relative;
	z-index:550 !important;
	height: 20px;
	
}
#menu_top ul{margin:0; padding:0; float:right; font-size:0.7em; list-style:none;}
#menu_top ul li{
	margin:0;
	float:left;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 0;
	padding-left: 0px;
}
#menu_top ul li a{margin:0; padding:2px 8px 8px 0px;margin:0; color:#fff; text-decoration:underline; font-weight:bold} 
#menu_top ul li.ra a:hover{padding:2px 8px 8px 0px;text-decoration:none; color:#fff;font-weight:bold}
#menu_top ul li.orangeLink a{padding:2px 8px 8px 0px;text-decoration:none; color:#f39d33!important;}
#menu_top ul li.orangeLink a:hover{padding:2px 8px 8px 0px;text-decoration:none;}

#menu_top ul li a.ra{padding:2px 8px 8px 0px;text-decoration:none; color:#190b92!important;font-weight:bold}
.menuWrap{margin:0; padding:0; width:1006px; float:left; }
.menu{margin:0; padding:0; float:left; width:1006px; background:url(/media/nononsense/images/no-non-menu-bg.gif) 0px 0px repeat-x #0000b4; }
.menu ul{margin:0; padding:0; float:left; width:939px; font-size:0.75em; list-style:none; background:url(/media/nononsense/images/menu_top_left.gif) top left no-repeat; }
.menu ul li{margin:0; padding:0; float:left; background:url(/media/nononsense/images/menu_divider.gif) top right no-repeat; }
.menu ul li a{margin:0; padding:6px 23px 8px 23px; float:left; color:#fff; text-decoration:underline;  font-weight:bold;}

.menu ul li.orangeLink a{margin:0; padding:6px 32px 8px 32px; float:left; color:#f39d33!important; text-decoration:underline;  font-weight:bold; border:1px soild red;}
.menu ul li.orangeLink a:hover{color:#f39d33!important; text-decoration:none;  font-weight:bold;}

 
.menu ul li.ra a{margin:0; padding:6px 32px 8px 32px; float:left; color:#190b92!important; text-decoration:underline!important;  font-weight:bold;} 
.menu ul li.ra a:hover{margin:0; padding:6px 32px 8px 32px; float:left; color:#190b92!important; text-decoration:underline!important;  font-weight:bold;} 
.menu ul li a:hover{text-decoration:none ; color:#fff; font-weight:bold}
.menu ul li.on a{text-decoration:underline; color:#fff; font-weight:bold}


/*..................................................*/
/*.................... BLOG ......................*/
/*..................................................*/

div.middle #blog .box1{margin:0; padding:0; float:left; width:384px; float:left; background-color:#cde5fd }
div.middle #blog .box1 .header{margin:0; padding:0; width:384px; }
div.middle #blog .box1 h2{margin:0; padding:5px 4px 10px 0px; width:380px; background:url(/media/nononsense/images/no-nonsense-blog-heading.gif) repeat-x #81bcf7;  font-size:1em; color:#fff}
div.middle #blog .box1 h3{margin:0; padding:13px 0 10px 10px;  font-size:0.9em; color:#0000b6; }
div.middle #blog .box1 p{margin:0; padding:13px 0 10px 10px; font-size:0.85em; color:#000204;  }
div.middle #blog .box1p.note{font-size:0.65em; }
div.middle #blog .box1 img.pic{margin:5px 10px 0 10px; float:left}

/*..................................................*/
/*...................... RETRIEVE POP UP...................*/
/*..................................................*/


#RetrievePopUp
 {
	margin:0;
	padding:0;
	position:absolute;
	left:138px;
	float:left;
	background:url(/media/NoNonsense/images/retrieve-pop-up.gif) no-repeat;
	top: 85px;
	z-index:3 !important;
	font-size:.75em;
	color:#273b80;
	font-weight:bold !important;
}

td.errorPop
 {
	color:#f9610e !important;
	font-weight:bold !important;
	position:relative;
	top:-10px;
	margin:0;
	font-size:1em !important;
}

p.errorPop
{

	color:#f9610e !important;
	font-weight:bold !important;
	position:relative;
	top:5px;
	margin:0;
	font-size:1em !important;

}

#RetrievePopUp input
 {
	font-size:1em;
	color:#33586f;	
	padding:0;
	width:128px;

}

#RetrievePopUp input.hidden
 {
	color:#33586f;	
	height:1px;
}


#retrieve a
{
text-decoration:underline;
}

#retrieve a:hover
{
text-decoration:none;
}

.retrieveButton
{
	background:transparent url(/media/NoNonsense/images/retrieve-button.gif) repeat-x scroll 0 0;				
	cursor:pointer;
	border:medium none;
	width:98px !important;
	height:22px;
	padding:0;
	margin:0;
}