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

Title : Car Insurance Explained
Author : Darren Lynch / mrlynch@blueyonder.co.uk

Type: Screen, Projection

Description : Screen and projection stylesheet Car Insurance Explained site


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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff url(../../images/bodyBg.gif) top left repeat-x; color:#7a7a7a; text-align:center; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.  
Declaring the font size in pixels makes it more consistent across browsers. */
td, textarea, input, select { font:100% verdana, arial, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:10px; }
/* some browsers don't inherit the font into tables or textareas! */

/* ----- IDS ----- */
#container { width:760px; font-size:110%; height:100%; margin:0 auto; text-align:left; border-right:1px solid #c7c7c7; border-left:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; background:#FFFFFF; }
#header { background:url(../../images/headerBg.gif) top left no-repeat; height:89px; width:760px;}
#logo { width:375px;}
#topNav { background:url(../../images/navBg.gif) top left repeat-x; width:760px; height:23px; border-top:1px solid #ffffff;}   
#topNav a { color:#FFFFFF;}
#topNav a:hover { color:#FFFF00; text-decoration:none;}
#topNav ul { margin:0; padding:0 0 0 20px; list-style:none;}
#topNav li { display:inline; padding-right:32px; line-height:22px;}
#topNav last { padding-right:0px;}
#leftCol { width:188px; float:left; padding-bottom:25px;}
#middleCol { float:left; padding-top:16px; width:420px; padding-right:30px; padding-left:2px; padding-bottom:20px; line-height:15px; color:#333333;}
#middleCol ul { padding:0 0 15px 15px; margin:0px;}
#middleCol ul ul { padding:10px 0 5px 15px; margin:0px;}
#middleCol ul li { padding-bottom:5px;}
#middleCol ol { padding:0 0 15px 20px; margin:0px;}
#middleCol ol li { padding-bottom:5px;}
#middleCol a { text-decoration:underline;}
#middleCol a:hover { text-decoration:none;}
#rightCol {float:left; padding-top:16px; width:120px; padding-bottom:5px;}
#articles { margin:15px 0 0 10px; border:1px solid #c7c7c7; width:152px;}
#articles a { background:url(../../images/bulletCar.gif) 0px 1px no-repeat; padding-left:20px; display: block; font-weight:normal; text-decoration:underline;}
#articles a:hover { background:url(../../images/bulletCarHover.gif) 0px 1px no-repeat; text-decoration:none;} 
#articles ul { background:#f5f3f1; margin:0; padding: 0;}
#articles li { list-style:none; line-height:14px; padding-left:10px; padding-top:4px; padding-bottom:6px; background:url(../../images/dots.gif) bottom left repeat-x;}
#articles .last { background:none;}
#footer {  width:740px; margin:0px auto 0 auto; padding-bottom:7px; background:url(../../images/dots.gif) top left repeat-x;}
#footer ul { margin:0; padding:7px 20px 0 20px; list-style:none;}
#footer li { display:inline; float:left;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.relative { position:relative; }
.inline {display:inline;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; color:#254758; font-size:110%; margin-bottom:15px;}
h1 {}
h2 { font-size:100%; margin-bottom:5px;}
h3 { font-size:100%; margin-bottom:5px;}
h4 {}
h5 {}
h6 {}

/* ----- NAVIGATION ----- */


/* ----- SITE MAP ----- */


/* ----- BREADCRUMBS ----- */


/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#405b69; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:none; }

/* ----- TABLES ----- */
table{  font-size:10px;}
th { padding:3px 0px 3px 4px; font-weight:bold; font-size:11px; background:#405b69; color:#ffffff;}
td { padding:4px 0px 4px 4px; background:#f5f3f1;}