body {font-family: Verdana, Arial, Helvetica, "Sans Serif"; color: #0c0c0c; margin:0; padding:0}
body {background: #ffffff url(img/top_bg.gif) repeat-x; }

.banner{
	text-align: center;
	width: 900px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

/* main positioning ---------------------------------------------------------------- */

h1 {font-size: 14px; padding:4px; color:#eee; height:17px; ; 
    width:863px; margin:0 auto; }
h2 {margin:4px 40px 0 0 ; font-size:16px; text-align:center}
h3 {margin:4px}

/* general page elements ---------------------------------------------------------------- */
p, address, ul, ol, li, h3 {font-size: 12px;}
.center, address {text-align:center}
.right {text-align:right}
.float_right {float:right}
.float_left {float:left}
.left {text-align:left}
a:link {color:#0c0c0c}
a:visited {color:#454545} 
a:hover {color:#b70009}
a:active {color:#ff0000}
img {border:0}

/* dark red is dc0000 */

/* general page elements ---------------------------------------------------------------- */

/* main positioning ---------------------------------------------------------------- */

.boxed{
	display: block;
	width: 110%;
	background: url('img/intro_bg_top.gif') no-repeat;
}
.boxed .boxed{
	display: block;
	bottom: 20px;
	background: url('img/intro_bg_bottom.gif') no-repeat;
	background-position: left bottom;
	width: 100%;
	padding: 5px 20px 5px 20px;
	padding-right: 40px;
	color: #fff;
}


div#wrapper {width:843px; margin:3px auto 0; padding:12px 0 20px 20px; 
             background: url(img/central_bg_faded.gif) no-repeat; }
div#wrapper h1{color: #333;}

div#title_area {width:843px; margin:10px auto 0; height:63px; }			

p#top_text {
	position: relative;
	top: -10px;
	float:right;
	text-align:center;
	width:400px;
	margin: 10px 38px 0px 0px;
	background: url('img/toptext_bg.gif') no-repeat;
	color:#fff;
	height: 42px;
	padding: 7px 0px 8px 0px;
	font-size: 16px;
} 

#intro{
	width: 865px;
	list-style: none;
	padding: 0px;
	margin: 0px auto 0px auto;
	margin-top: 0px;
}
#intro a{
	color: #ffff22;
	font-weight: bold;
}
#intro li{
	display: block;
	width: 100%;
	background: url('img/intro_bg_top.gif') no-repeat;
}
#intro li span{
	display: block;
	bottom: 20px;
	background: url('img/intro_bg_bottom.gif') no-repeat;
	background-position: left bottom;
	width: 96%;
	padding: 5px 20px 5px 20px;
	padding-right: 40px;
	color: #fff;
}
#intro strong{
	font-weight: strong;
	font-size: 120%;
	color: #ffff22;
}

               
			 
#quiz_form {clear:both}

/* logo area ---------------------------------------------------------------- */

/* main pages ------------------------------------------------------------------ */
div#wrapper p, div#wrapper li {padding-right:45px}

/* main pages ------------------------------------------------------------------- */

/* form formatting ------------------------------------------------------------------- */

label {
	float: left;
	width: 120px;
	margin-right: 5px;
	text-align: right;
	padding-top: 8px;
    clear:left;
      }
      
label.affiliates {width:300px}

/* form formatting  ------------------------------------------------------------------- */

/* car box ----------------------------------------------- */

div.car_box {width:133px; 
             height:105px;  
             background:url(img/boxes.gif); 
			 float:left; 
			 margin:2px 2px 15px 2px;
			 text-align: center;
             }
             
div.car_box_two {width:133px; 
             height:105px;  
             background:url(img/boxes.gif); 
			 float:left; 
			 margin:2px 20px 10px 2px;			 
             }
		
p.car_name {font-weight:bold; 
            color:#0c0c0c; 
			font-size:12px;
			width:115px; 
			height:28px;
			padding: 4px 0 0 8px;
			margin:0;
			position:relative; top:0; left:0; z-index:1}
			
			
img.cars {margin:-17px 0 0 4px;  padding:0; }		
img.stars {margin:-29px 0 0 8px; padding:0}		

a:link.box_link {text-decoration:none; color:#0c0c0c; }
a:visited.box_link {text-decoration:none; color:#0c0c0c;}
a:hover.box_link {text-decoration:underline; color:#dc0000;} 
a:active.box_link {text-decoration:none; color:#0c0c0c;}
/* car box ----------------------------------------------- */

 /* bookmarking ----------------------------------------------------- */
 
 div#social_bookmarks {margin:10px auto; 
                       padding:2px 5px 5px 5px; 
                       border: dashed 1px #c0c0c0;                        
                       clear:both; 
                       width:770px;
                       text-align:right; 
                       position:relative;
                       left:-10px} 
                       
   div#social_bookmarks ul {margin:0; padding:0}
   div#social_bookmarks h3 {margin:0 0 -8px 0; text-align:left }
                        
   div#social_bookmarks li.bookmarks {display:inline; 
                                       font-size:10px;
                                      background-repeat:no-repeat;
                                      padding:0 6px 0 18px;} 
                                    
div#social_bookmarks li.delicious { background-image:url(http://www.littledetails.co.uk/img/delicious_icon.gif); }
div#social_bookmarks li.digg { background-image:url(http://www.littledetails.co.uk/img/digg_icon.gif); }
div#social_bookmarks li.reddit { background-image:url(http://www.littledetails.co.uk/img/reddit_icon.gif); }
div#social_bookmarks li.facebook { background-image:url(http://www.littledetails.co.uk/img/facebook_icon.gif); }
div#social_bookmarks li.stumbleupon { background-image:url(http://www.littledetails.co.uk/img/stumbleupon_icon.gif); }
div#social_bookmarks li.twitter { background-image:url(http://www.littledetails.co.uk/img/twitter_icon.gif); }
div#social_bookmarks li.mixx { background-image:url(http://www.littledetails.co.uk/img/mixx.gif); }
div#social_bookmarks li.validators {padding:0 10px}
 /* bookmarking ----------------------------------------------------- */


/* footer ---------------------------------------------------- */
address {padding:8px 0 0 0; color:#eaeaea; margin:0;
         background: #a60000 url(img/footer_bg.gif) repeat-x; position:relative; 
		 bottom:0; width:100%; height:24px}
         
address a:link {color:#eaeaea}
address a:visited {color:#eaeaea}
address a:hover {color:#c0c0c0}
address a:active {color:#000000}
         
 /* footer ---------------------------------------------------- */