/*  
Theme Name: Cars
Theme URI: http://www.templatepanic.com/article/cars-wordpress-theme
Description: Cars is a WordPress Theme features header image option.
Author: Cheap Car Insurance
Author URI: http://www.cheapcarinsurance4u.co.uk/

Terms of Use:
- DO NOT REMOVE any of the links in the footer!
- You are free to share, to copy, distribute and transmit this theme.
- This theme is distributed for free. You are not allowed to sell this theme.
Thanks for using this theme.
*/


/*-------------------- General --------------------*/


body { 
		margin: 0; 
		padding: 0; 
		background: #ffffff url("../images/bg.gif") no-repeat center top; 
		background-attachment: fixed; 
		font: 11px "Trebuchet MS", Tahoma, Verdana, Arial, Sans-Serif; 
		color: #464646; 
		text-align: left; 
}

p, ol, ul { 
		line-height: 150%; 
}

h1, h2, h3, h4, h5, h6 { 
		margin: 0; 
		font-style: normal; 
		font-weight: normal; 
		background: transparent; 
		color: #464646; 
}

h1 { 
		font-size: 2.2em; 
}
h2 { 
		font-size: 1.6em; 
}
h3, h4, h5, h6 { 
		font-size: 1em; 
}

a, a:link { 
		color: #b52d1c; 
		text-decoration: none; 
}

a:hover, a:active { 
		text-decoration: underline; 
}

blockquote { 
		margin: 10px; 
		padding: 0px 0px 10px 50px; 
		color:#666; 
		background: url(../images/blockquote.gif) no-repeat left top; 
}

code{ 
		display:block; 
		overflow:auto; 
		text-align:left; 
		margin: 10px 0 10px 0; 
		padding: 5px 10px 5px 10px; 
}

small { 
		font-size: 0.8em; 
}
img { 
		padding:5px; border:0; 
}
img.right { 
		float: right; 
		margin:5px 0 5px 5px; 
}
img.left { 
		float: left; 
		margin:5px 5px 5px 0; 
}
a img {
		border:none;
}

.left { 
		float: left; 
}
.right { 
		float: right; 
}
.center { 
		text-align: center; 
}
.alignleft { 
		float: left; 
		margin-right: 10px; 
}
.alignright { 
		float: right; 
		margin-left: 10px; 
}

.navigation { 
		display:block; 
		padding: 20px; 
}


/*-------------------- Layout --------------------*/


#outline { 
		width: 955px; 
		margin: 0 auto; 
		padding: 0; 
		background: #ffffff; 
		font-size: 1.3em; 
}

#wrapper { 
		float: left; 
		width: 957px; 
		margin: 0 !important; 
		margin: -15px 0 0 0; /* IE hack */ 
		padding: 0; 
}


/*-------------------- Header --------------------*/


#header { 
		width: 957px; 
		height: 217px; 
		background: url(../images/logo/logo1.gif) no-repeat left top; 
}

#header1 { 
		width: 957px; 
		height: 217px; 
		background: url(../images/logo/logo1.gif) no-repeat left top; 
}

#header2 { 
		width: 957px; 
		height: 217px; 
		background: url(../images/logo/logo2.gif) no-repeat left top; 
}

#header3 { 
		width: 957px; 
		height: 217px; 
		background: url(../images/logo/logo3.gif) no-repeat left top; 
}

#header4 { 
		width: 957px; 
		height: 217px; 
		background: url(../images/logo/logo4.gif) no-repeat left top; 
}

#header5 { 
		width: 957px; 
		height: 217px; 
		background: url(../images/logo/logo5.gif) no-repeat left top; 
}

#header .blogtitle { 
		width: auto; 
		height: 217px; 
}

#header1 .blogtitle { 
		width: auto; 
		height: 217px; 
}


#header2 .blogtitle { 
		width: auto; 
		height: 217px; 
}

#header3 .blogtitle { 
		width: auto; 
		height: 217px; 
}

#header4 .blogtitle { 
		width: auto; 
		height: 217px; 
}

#header5 .blogtitle { 
		width: auto; 
		height: 217px; 
}

#header h1 { 
		padding: 80px 0 0 430px; 
		color: #CCCCCC; 
}

#header1 h1 { 
		padding: 80px 0 0 430px; 
		color: #CCCCCC; 
}

#header2 h1 { 
		padding: 80px 0 0 430px; 
		color: #CCCCCC; 
}

#header3 h1 { 
		padding: 80px 0 0 430px; 
		color: #CCCCCC; 
}

#header4 h1 { 
		padding: 80px 0 0 430px; 
		color: #CCCCCC; 
}

#header5 h1 { 
		padding: 80px 0 0 430px; 
		color: #CCCCCC; 
}

#header h1 a { 
		color: #CCCCCC; 
		font-size: 24px;
		text-decoration: none; 
}

#header1 h1 a { 
		color: #CCCCCC; 
		font-size: 24px;
		text-decoration: none; 
}

#header2 h1 a { 
		color: #CCCCCC; 
		font-size: 24px;
		text-decoration: none; 
}

#header3 h1 a { 
		color: #CCCCCC; 
		font-size: 24px;
		text-decoration: none; 
}


#header4 h1 a { 
		color: #CCCCCC; 
		font-size: 24px;
		text-decoration: none; 
}


#header5 h1 a { 
		color: #CCCCCC; 
		font-size: 24px;
		text-decoration: none; 
}

.description { 
		color: #ffffff;
		font-size: 14px;
		padding: 20px 0 0 430px; 
}

.description { 
		color: #ffffff;
		font-size: 14px;
		padding: 20px 0 0 430px; 
}

#navbar { 
		clear: both; 
		float: left; 
		width: 957px; 
		height: 30px; 
		_height: 45px; 
		background: url(../images/nav-white.jpg) no-repeat; 
}

ul.menu { 
		float: left; 
		margin: 0; 
		padding: 0 15px; 
		list-style-type: none; 
}
ul.menu li { 
		float: left; 
}
ul.menu li a { 
		float: left; 
		display: block; 
		height: 28px; 
		padding: 3px 15px 0 15px; 
		line-height: 24px; 
		color: #e7e7e7; 
}
ul.menu li a:link, ul.menu li a:visited { 
		color: #e7e7e7; 
		background: none; 
		text-decoration: none; 
}
ul.menu li a:hover, ul.menu li a:active { 
		color: #ccc; 
		background: transparent url(../images/nav-white.jpg) repeat-x 0 0; text-decoration: none; 
}

ul.menu li.current_page_item a:link,
ul.menu li.current_page_item a:visited,
ul.menu li.current_page_item a:hover,
ul.menu li.current_page_item a:active { 
		color: #ccc; 
		font-weight: bold; 
		background: url(../images/nav-white.jpg) repeat-x 0 0; 
		text-decoration: none; 
}

/*-------------------- Home ----------------------*/

.home_title { 
		color: #800e00; 
		font-size: 22px;
		text-decoration: none; 
}

/*-------------------- AboutUs -------------------*/

.company { 
		color: #800e00; 
		font-size: 22px;
		text-decoration: none; 
}

.company a { 
		color: #800e00; 
		font-size: 22px;
		text-decoration: none; 
}

/*-------------------- AboutUs -------------------*/

.advice_title{ 
		color: #800e00; 
		font-size: 22px;
		text-decoration: none; 
}

.advice_subtitle{ 
		color: #800e00; 
		font-size: 16px;
		text-decoration: none; 
}

.company a { 
		color: #800e00; 
		font-size: 22px;
		text-decoration: none; 
}


/*-------------------- Video ---------------------*/

.video_title { 
		color: #800e00; 
		font-size: 22px;
		text-decoration: none; 
		line-height: 80%; 
}

.video_grey_lite { 
		color: #000000; 
		background: #E0E0E0;
		font-size: 16px;
		line-height: 140%; 
		text-decoration: none; 
}

.video_play_video { 
		color: #000000; 
		background: #ffffff;
		font-size: 16px;
		text-decoration: none; 
}

.video_notplay_video { 
		color: #800e00; 
		background: #ffffff;
		font-size: 12px;
		text-decoration: none; 
		line-height: 100%; 
}

.video_post { 
		padding: 10px 10px; 
		background: transparent; 
}

.videopostentry { 
		line-height: 100%;
}

/*-------------------- Search --------------------*/


.searchbar { 
		float: right; 
		width: 290px; 
		height: 30px; 
		margin: 0; 
}
.searchform { 
		width: 290px; 
		height: 20px; 
		text-align: left; 
}
input#s { 
		width: 250px; 
		height: 18px; 
		margin: 5px 0 0 1px !important; 
		margin: 4px 0 0 1px; /* IE Hack */ 
		padding: 1px 0 0 2px; 
		border: 1px solid #999; 
		background: #f1f1f1; 
}


/*-------------------- Pages --------------------*/


#content { 
		float: left; 
		width: 700px; 
		height: 100%; 
}

.pages { 
		float: left; 
		width: 670px; 
}

.pages-border { 
		clear: both; 
		width: 100%; 
		height: 6px; 
}

.page-previous { 
		float: left; 
		padding: 10px 0 16px 30px !important; 
		padding: 0 0 15px 30px; /* IE Hack */ 
}

.page-next { 
		float: right; 
		padding: 10px 30px 16px 0 !important; 
		padding: 0 30px 15px 0; /* IE Hack */ 
}

.page-title { 
		width: 630px; 
		margin: 20px 0 0 0; 
}

.page-title h2.page-title-border { 
		padding: 0 0 0 30px; 
		line-height: 48px; 
		color: #666;
}


/*-------------------- Post --------------------*/


.post { 
		padding: 20px 30px; 
		background: transparent; 
}

.postentry { 
		line-height: 200%;
}

.ul.postentry {
		line-height: 200%;
}


.posthead { 
		position: relative; 
		clear: left; 
		margin-left: 45px; 
}

.nullposthead { 
		position: relative; 
		clear: left; 
		margin-left: 0px; 
}

.posttitle a:link, .posttitle a:visited { 
		color: #800e00; 
}

.posttitle a:hover, .posttitle a:active { }

.postmeta, .postmeta a { 
		margin: 4px 0 ; 
		font-size: 11px; 
		color: #666; 
}

.post-comment { 
		padding: 0 0 0 20px; 
		background: url(images/bullet.gif) no-repeat 1px; 
}

.post-filed { 
		padding: 0 0 0 20px; 
		background: url(images/bullet.gif) no-repeat 1px; 
}

.postdate { 
		position: absolute; 
		top: 0px; 
		left: -45px; 
		text-align: center; 
		margin: 0; 
		padding: 2px 8px 2px 0px; 
		list-style: none; 
		border-right: solid 1px #e2e2e2;
}

.postdate .year { 
		display: block; 
		font-size: 11px; 
		font-weight: normal; 
		text-transform: lowercase; 
		line-height: 11px; 
		color: #999; 
}

.postdate .month { 
		display: block; 
		font-size: 11px; 
		font-weight: normal; 
		text-transform: lowercase; 
		line-height: 11px; 
		color: #999; 
}
.postdate .day { 
		display: block; 
		font-size: 20px; 
		font-weight: normal; 
		line-height: 20px; 
		color: #8b8b8b; 
		letter-spacing: -1px;
}

.dark{
		background-color: #000000;
		font: bold 13px Verdana;
		color:#ffffff;
		border: 0;
}

.white{
		background-color: #ffffff;
		font: bold 13px Verdana;
		color: #000000;
		border: 0;
}

/*-------------------- Sidebar --------------------*/


#sidebar { 
		float: right; 
		width: 250px; 
		margin: 0; 
		padding: 0; 
}

#sidebar h2 { 
		display: block; 
		margin: 16px 0 6px 0; 
		padding: 0 0 10px 3px; 
		font-size: 1.4em; 
		list-style-type: none; 
		color: #000; 
}

#sidebar ul { 
		clear: both; 
		margin: 0; 
		padding: 0 0 20px 0; 
		list-style-type: none; 
}

#sidebar ul li { 
		clear: both; 
}

#sidebar ul.no-splitted li { 
		background: transparent url(images/bullet.gif) no-repeat 5px 1px; 
		padding: 0 0 0 23px; 
}

#sidebar ul.no-splitted ul li { 
		margin: 0 -5px; 
}

#sidebar p, #sidebar form { 
		margin: 0 5px; 
		padding: 0 0 20px 0; 
}

#sidebar ul.blc { 
		padding: 0 5px; 
}

#sidebar li#sidebar-splitted { 
		float: left; 
		width: 100%; 
		margin: 0 0 15px 0; 
}

#sidebar-splitted .splitted-left { 
		float: left; 
		width: 140px; 
}

#sidebar-splitted .splitted-right { 
		float: right; 
		width: 145px; 
}

ul.splittedlists li { 
		background: transparent url(images/bullet.gif) no-repeat 5px 1px; 
		padding: 0 0 0 23px; 
}

ul.splittedlists ul li { 
		margin: 0 0 0 -23px; 
}

/*-------------------- Login/Register -------------*/


.login {
		margin:5px 5px 5px 5px;
		background-color:#f9f9f9;
		background: url(../images/nav-login.jpg) no-repeat; 
} 

.logintitle { 
		text-align: center;
		margin: 0px; 
		color: #e7e7e7; 
}

.loginform {
		margin:1px 1px 1px 1px;
}

.loginbox {
		border:1px solid #CCCCCC;
		margin:0px 0px 0px 0px;
		background-color:#f9f9f9;
} 

.loginboxmargin {
		margin:5px
}



.inquiry {
		margin:5px 5px 5px 5px;
		background-color:#f9f9f9;
		background: url(../images/nav-login.jpg) no-repeat; 
} 

.inquirytitle { 
		text-align: center;
		margin: 0; 
		color: #e7e7e7; 
}

.inquirybox {
		border:1px solid #CCCCCC;
		margin:0px 0px 0px 0px;
		background-color:#f9f9f9;
} 

.inquiryboxmargin {
		margin:5px
}

.input {
		width: 200px; 
		font: 11px Verdana; 
		height: 14px;
		margin: 3px 0 1px 0;
		color: #000000;
		padding-top: 2px;
		padding-left: 6px;
}

.posttitle a:link, .posttitle a:visited { 
		color: #800e00; 
}

/*-------------------- Cameras -------------------*/

.cameras {
		margin:10px 10px 10px 10px;
		background-color:#f9f9f9;
		background: url(../images/nav-cameras.jpg) no-repeat; 
} 
.cameras_img { 
		padding:0px; border:0; 
}

/*-------------------- Bottom --------------------*/


#bottom { clear: both; float: left; width: 957px; height: 100%; margin: 0; padding: 0; text-align: left; }
#bottom-divs { float: left; clear: both; margin: 0; padding: 20px; }

#bottom-left, #bottom-mid, #bottom-right { width: 30%; padding: 20px 0 40px 20px; float: left; }

#bottom h2 { margin: 0 0 10px 0; padding: 0 8px; font-size: 1.6em; color: #7b7b7b; }

#bottom ul { margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #ccc; }
#bottom ul li { line-height: 26px; border-bottom: 1px solid #ccc; }
#bottom ul li a { display: block; padding: 0 10px; }
#bottom ul li a:hover { background: url(images/bullet.gif) no-repeat 5px 5px; padding: 0 0 0 23px; }
#bottom-sep { clear: both; }


/*-------------------- Footer --------------------*/

#footer { 
		clear: both; 
		height: 40px; 
		background: url(../images/footer-white.gif); 
		width:957px; 
		color:#666;  
		text-align: center; 
}

#footer p { 
		margin: 0; 
		padding: 13px 25px; 
		font-size: 0.9em; 
		line-height: 200%; 
}

#footer p a:link, #footer p a:visited { 
		color: #f7f7f7; 
}

#footer p a:hover { 
		color: #ccc; 
}


/*-------------------- Calendar --------------------*/


#wp-calendar { margin: 0pt; text-align: center; }
#wp-calendar caption { }

#wp-calendar th { }
#wp-calendar td { height: 24px; width: 24px; line-height: 20px; color: #7d7d7d; }
#wp-calendar .pad { }
#wp-calendar td a { display: block; width: 24px; height: 24px; text-decoration: none; line-height: 24px; }

#wp-calendar #prev, #wp-calendar #next { }
#wp-calendar #prev a { width: 49px; }
#wp-calendar #next a { margin: 0pt 0pt 0pt 30px; width: 49px; }
#wp-calendar #today { color: #111; font-weight: bold; }
#wp-calendar #today a { font-weight: bold; }


/*-------------------- Comment --------------------*/


.comments { padding: 0px; margin: 20px 0px 20px 0px ; }

.posttrackback { margin: 0px; padding: 0 0 50px 0; font-size: 10px; }
.posttrackback p { margin: 2px 0px; padding: 2px 0px 2px 23px; list-style-type: none; }
.posttrackback a:link, .posttrackback a:visited { color: #666; text-decoration: none; }
.posttrackback a:hover, .posttrackback a:active { color: #333; text-decoration: underline; }

.commentlist h3 {font-size: 15px; font-weight: bold; letter-spacing: 0px; padding: 0px 0px 5px 0px; margin: 0px 0px 20px 0px; }
.commentlist ol { padding: 0px; margin: 0px;}
.commentlist li { position: relative; padding: 0px; margin: 0px 0px 20px 0px; list-style-type: none; }

.commentlist .listuser { margin: 0px; padding: 0px 0px 0px 40px; font-size: 14px; line-height: 14px; font-weight: bold;}
.commentlist .listuser a { text-decoration: none;}
.commentlist .listuser a:visited { text-decoration: none;}
.commentlist .listuser a:hover { text-decoration: none;}

.commentlist .listnr { font-size: 26px; position: absolute; line-height: 26px; color: #ccc; top: 0px; left: 0px; text-align: center; padding: 2px 10px 2px 0px; margin: 0; }

.commentlist .listdate { padding-left: 40px; font-size: 11px; line-height: 11px; }
.commentlist .listdate a { text-decoration: none; color: #666;}
.commentlist .listdate a:visited { text-decoration: none; color: #666;}
.commentlist .listdate a:hover { text-decoration: none; color: #666; }

.commentlist .listcontent { line-height: 14px; margin: 0px 0px 10px 0px;}
.commentlist .listcontent p { padding: 3px 0 15px 0; margin: 3px 0px; line-height: 150%; }

.form input.submitcomment { width: auto; height: 25px; padding: 2px 10px 3px 10px; background: #e5edff url(images/submit.gif) repeat 0 0; }
.form input.submitcomment:hover { background: #f3f3f3 url(images/submit_hover.gif) repeat 0 0; }


.form { width: 580px; }
.form h3 {font-size: 15px; font-weight: bold; padding: 0px 0px 5px 0px; margin: 0px 0px 15px 0px; }
.form p { padding: 0px; margin: 0px; }
.form p label { padding-bottom: 11px; display: block; }
.form p label small { font-size: 10px; }

.form .textfield { background: #fff; border: solid 1px #ccc; padding: 4px; margin-right: 15px;}
.form .textarea { background: #fff; border: solid 1px #ccc; padding: 4px; margin-bottom: 10px;}



#options { padding: 5px 20px 0 0; text-align: right; float: right; }
#options ul { float: left; display: inline; margin-left: 10px; }
#options li { float: left; list-style: none; padding: 5px; }
#options li a { 
			display: block; 
			width: 5px; 
			margin: 1px; 
			padding: 5px; 
			height: 5px; 
}
#options li a span { 
			display: none; 
}

/* selected */
body.white #options li.white,

#options li:hover { 
		padding: 5px; 
}

/* colors */
#options li.white a { 
		background-color: #cccccc; 
}