@charset "UTF-8";

/* ----------- CSS Document ----------- */

* {
	margin: 0px;
	padding: 0px;
	}

body {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0px;
	background: #000;
	}

p {
	font-size: 12px;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	letter-spacing: 0.05em;
	color: #CCCCCC;
	}
	
	
a {
	text-decoration: none;
	}

h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFF;
	margin-top: 15px;
	padding-bottom: 15px;
	font-weight: lighter;
	letter-spacing: 0.05em;
	border-bottom: 1px solid #99ff00;
	margin-bottom: 10px;
	}
	
h2 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	color: #FF0000;
	font-weight: normal;
	}

h3 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #003300;
	font-weight: bold;
	margin-bottom: 25px;
	}
	
h4 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	font-weight: normal;
	margin-bottom: 15px;
	}

/* ----------- Tools ----------- */

.clear {
	clear: both;
	}
	
.left {
	float: left;
	}
	
.right {
	float: right;
	}
	
.border {
	border: 1px solid #999999;
	}
	
div#pagewrap {
	width: 981px;
	height: auto;
	margin: 0 auto;
	background-image: url(../images/sides.gif);
	background-repeat: no-repeat;
	background-position: top;
	}
	
div#innerwrap {
	width: 909px;
	height: auto;
	margin: 0 auto;
	}
	
.black	{color: #000;}
.white	{color: #FFF;}
.grey	{color: #CCC;}
.green	{color: #99ff00;}

.black-large	{color: #000; font-size:14px; }

.red-small	{color: #FF0000; font-size:11px; }
	
/* ---------- END Tools --------- */	


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

div#header {
	height: 143px;
	width: 909px;
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	background-position: top;
	}
	

div#header-logo {
	padding-top: 15px;
	padding-left: 10px;
	float: left;
	}
	
div#header-tel {
	width: 240px;
	padding-top: 18px;
	float: right;
	}
	
.header-telephone {
	padding-top: 5px;
	padding-left: 50px;
	display: block;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
div#header-strap {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	padding-top: 25px;
	padding-left: 20px;
	color: #FFF;
	float: left;
	}
	
ul#nav {
	list-style: none;
	width: 440px;
	float: right;
	padding-left: 25px;
	padding-top: 17px;
	font-weight: bold;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	ul#nav li {
		display: inline;
		color: #FFF;
		float:left;
		width: auto; 
		}
		
		ul#nav li a{
			display: block;
			color: #FFF;
			}
		
		ul#nav li a:hover{
			color: #99ff00;
			}
			
		ul#nav li a.divide{
			margin-left: 10px;
			margin-right: 10px;
			}
	
		ul#nav li a.home{
			text-align: center;
			margin-right: 6px;
			padding-top: 9px;
			}
			
		ul#nav li a.home-active{
			color: #99ff00;
			text-align: center;
			margin-right: 6px;
			padding-top: 9px;
			}
			
		ul#nav li a.about{
			text-align: center;
			margin-right: 6px;
			padding-top: 9px;
			}
			
		ul#nav li a.about-active{
			text-align: center;
			color: #99ff00;
			margin-right: 6px;
			padding-top: 9px;
			}
			
		ul#nav li a.team{
			text-align: center;
			margin-right: 6px;
			padding-top: 9px;
			}
			
		ul#nav li a.team-active{
			text-align: center;
			color: #99ff00;
			margin-right: 6px;
			padding-top: 9px;
			}
			
		ul#nav li a.videos{
			text-align: center;
			margin-right: 6px;
			padding-top: 9px;
			}
			
		ul#nav li a.videos-active{
			text-align: center;
			color: #99ff00;
			margin-right: 6px;
			padding-top: 9px;
			}
			
		ul#nav li a.blog{
			text-align: center;
			margin-right: 6px;
			padding-top: 9px;
			}
			
		ul#nav li a.blog-active{
			text-align: center;
			color: #99ff00;
			margin-right: 6px;
			padding-top: 9px;
			}
			
		ul#nav li a.contact{
			text-align: center;
			padding-top: 9px;
			}
			
		ul#nav li a.contact-active{
			text-align: center;
			color: #99ff00;
			padding-top: 9px;
			}
	
/* --------- END Header --------- */
	

/* -------- Breadcrumbs Navigation ----------- */

	
ul#breadcrumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	list-style: none;
	padding-top: 12px;
	padding-left: 45px;
	width: 850px;
	float: left;
	}
	
	ul#breadcrumbs li{
		display: inline;
		}
		
		ul#breadcrumbs li a{
			text-decoration: none;
			width: auto;
			}
				
				ul#breadcrumbs li a.bread-link{
					color: #333;
					}
				
				ul#breadcrumbs li a.bread-link:hover{
					text-decoration: underline;
					}
				
					ul#breadcrumbs li a.bread-link-on{
						color: #99ff00;
						}
					
					ul#breadcrumbs li a.bread-link-on:hover{
						text-decoration: none;
						}
					
						ul#breadcrumbs li a.spacer{
							color: #333;
							}
							
						ul#breadcrumbs li a.spacer:hover{
							text-decoration: none;
							}
					
/* ------ END Breadcrumbs Navigation ------ */	



/* ----------- Body ----------- */


div#body {
	width: 909px;
	background-color: #333333;
	padding-top: 5px;
	}
	
div#body-left {
	width: 180px;
	float: left;
	}

div#body-right {
	width: 715px;
	float: right;
	}
	
	
.nav-title {
	padding-top: 10px;
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
	width: 160px;
	height: 23px;
	background-image: url("../images/category-title.gif");
	font-family: Tahoma, Arial;
	letter-spacing: 0.00em;
	}
	
.nav-title-smaller {
	padding-top: 10px;
	padding-left: 20px;
	font-size: 11px;
	font-weight: bold;
	width: 160px;
	height: 23px;
	background-image: url("../images/category-title.gif");
	font-family: Tahoma, Arial;
	letter-spacing: 0.05em;
	}
	
.nav-body {
	padding-top: 12px;
	padding-left: 20px;
	padding-bottom: 25px;
	font-size: 12px;
	font-weight: normal;
	width: 160px;
	height: auto;
	background-image: url("../images/left_nav_bg.gif");
	background-repeat: no-repeat;
	background-position: top;
	background-color: #222;
	}
	
	.left-nav {
		list-style: none;
		}
		
	.left-nav li{
		margin-bottom: 5px;
		font-size: 11px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		
	.left-nav li a{
		color: #FFF;
		text-decoration: none;
		}
		
	.left-nav li a:hover{
		color: #99ff00;
		}
		
	.left-nav li a.active2{
		color: #99ff00;
		}
		
div#body-content {
	width: 455px;
	float: left;
	}
	
div#body-content-wide {
	width: 690px;
	float: left;
	}
	
div#body-content-wide {
	width: 700px;
	float: left;
	}
	
ul.grid {
	width: 455px;
	float: left;
	list-style: none;
	}
	
ul.grid li{
	width: 223px;
	height: 243px;
	border: 1px solid #AAA;
	float: left;
	margin-bottom: 5px;
	display: inline;
	}
	
ul.grid li.grid-divide{
	width: 5px;
	border: none;
	}	

.grid-tyres{
	width: 223px;
	height: 243px;
	background-image: url(../images/home-image-tyres.gif);
	background-repeat: no-repeat;
	background-position: top;
	}
	
.grid-exhausts{
	width: 223px;
	height: 243px;
	background-image: url(../images/home-exhaust.gif);
	background-repeat: no-repeat;
	background-position: top;
	}
	
.grid-batteries{
	width: 223px;
	height: 243px;
	background-image: url(../images/home-image-batteries.gif);
	background-repeat: no-repeat;
	background-position: top;
	}
	
.grid-alignment{
	width: 223px;
	height: 243px;
	background-image: url(../images/home-image-alignment.gif);
	background-repeat: no-repeat;
	background-position: top;
	}
	
.grid-title{
	padding-top: 10px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.grid-title-2{
	padding-top: 10px;
	text-align: left;
	padding-left: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.grid-more{
	float: right;
	margin-right: 10px;
	margin-top: 175px;
	}
	
.grid-more-2{
	float: right;
	margin-right: 10px;
	margin-top: 140px;
	}
	
ul.grid-prods {
	width: 690px;
	float: left;
	list-style: none;
	}
	
ul.grid-prods li{
	width: 223px;
	height: 220px;
	border: 1px solid #AAA;
	float: left;
	margin-bottom: 5px;
	display: inline;
	}
	
ul.grid-prods li.grid-prods-divide{
	width: 5px;
	border: none;
	}	

.grid-prods-tyres{
	width: 223px;
	height: 220px;
	background-image: url("../images/home-image-tyres.gif");
	background-repeat: no-repeat;
	background-position: top;
	}
	
.grid-prods-more{
	float: right;
	margin-right: 10px;
	margin-top: 152px;
	}
	
	
.product-slots{
	margin-bottom: 20px;
	border-bottom: 1px solid #AAA;
	height: 240px;
	}
	
.battery-slot{
	margin-bottom: 20px;
	border-bottom: 1px solid #AAA;
	}
	
.call-slot{
	margin-top: -63px;
	margin-bottom: 20px;
	text-align: right;
	}
	
.battery-left{
	width: 250px;
	height: 310px;
	float: left;
	padding: 30px 30px 40px 30px;
	background-image: url("../images/battery-bg.gif");
	background-repeat: repeat-x;
	background-position: top;
	}
	
.battery-right{
	width: 300px;
	float: right;
	height: 310px;
	padding: 30px 30px 40px 30px;
	background-image: url("../images/battery-bg.gif");
	background-repeat: repeat-x;
	background-position: top;
	}
	
.battery-left2{
	width: 420px;
	margin-top: 30px;
	float: left;
	padding: 20px 30px 20px 30px;
	background-color: #666;
	height: 154px;
	}
	
.battery-right2{
	margin-top: 30px;
	width: 192px;
	float: right;
	text-align: right;
	}
	
.bullets-white{
	font-size: 11px;
	}
	
.bullets-white li{
	margin-bottom: 8px;
	}
	
.battery-icon{
	float: left;
	margin-right: 10px;
	}
	
.product-image{
	float: left;
	margin-right: 10px;
	border: 1px solid #AAA;
	margin-bottom: 20px;
	}

	
div#body-panel {
	width: 250px;
	float: right;
	height: auto;
	background-image: url(../images/tyre-print.gif);
	background-repeat: no-repeat;
	background-position: top;
	}
	
div#body-panel {
	width: 238px;
	padding-left: 10px;
	}
	
div#telephone-box {
	padding-top: 10px;
	color: #FFF;
	font-size: 24px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	}
	
div#opening-box {
	width: 220px;
	padding-top: 10px;
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 25px;
	}
	
div#van-box {
	margin-top: 1px;
	width: 238px;
	}
	
.telephone-number {
	display: block;
	padding-top: 3px;
	padding-left: 45px;
	}
	
div#telephone-footer {
	padding-top: 80px;
	color: #FFF;
	font-size: 20px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	}
	

.telephone-number2 {
	display: block;
	padding-top: 5px;
	padding-left: 45px;
	}
	
.open-7-days{
	float: right;
	margin-left: 885px;
	margin-top: 180px;
	z-index: 100;
	position: absolute;
	}
	
div#logo-wrap {
	padding-top: 10px;
	padding-bottom: 8px;
	text-align: center;
	height: 50px;
	}
	
.logo-pirelli {
	margin-left: 10px;
	margin-bottom: 8px;
	display: block;
	width: 100px;
	height: 18px;
	float:left;
	}
	
.logo-prestivo {
	margin-left: 10px;
	margin-bottom: 8px;
	display: block;
	width: 100px;
	height: 18px;
	float:left;
	}
	
.logo-goodyear {
	margin-left: 10px;
	display: block;
	width: 100px;
	height: 18px;
	float:left;
	}
	
.logo-kumho {
	margin-left: 10px;
	display: block;
	width: 100px;
	height: 18px;
	float:left;
	}
	
div#payment-box {
	padding-top: 15px;
	padding-left: 11px;
	padding-bottom: 5px;
	}
	
div#payment-box-title {
	padding-top: 7px;
	padding-bottom: 7px;
	background: url("../images/payment-strip.gif") no-repeat top right;
	width: 228px;
	padding-left: 10px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	}
	
div#address-box {
	padding-top: 50px;
	padding-bottom: 7px;
	background: url("../images/torn.gif") no-repeat top right;
	width: 218px;
	height: 137px;
	padding-right: 20px;
	color: #FFF;
	font-size: 12px;
	text-align: right;
	}
	
.contact-button {
	float: left;
	margin-top: -28px;
	margin-left: 20px;
	}

.team-box {
	border-bottom: 1px solid #aaa;
	margin-bottom: 15px;
	}
	
.team-image {
	float: left;
	margin-right: 20px;
	border: 1px solid #AAA;
	}
	
.spacer-team {
	height: 530px;
	}
	
.spacer-terms {
	height: 700px;
	}
	
.spacer-prod-tyre {
	height: 500px;
	}
	
.spacer-privacy {
	height: 980px;
	}
	
.spacer-products {
	height: 675px;
	}
	
.spacer-products-single {
	height: 250px;
	}
	
div#contact-left {
	width: 240px;
	float: left;
	}
	
div#contact-right {
	width: 200px;
	float: right;
	}	

div#feature-left {
	width: 463px;
	float: left;
	margin-bottom: 30px;
	}
	
div#feature-left-1 {
	width: 226px;
	float: left;
	}
	
div#feature-left-2 {
	width: 226px;
	float: right;
	}
	
div#feature-right {
	width: 226px;
	float: right;
	}
	
div#feature-right-1 {
	width: 226px;
	float: left;
	}
	
.feature-text {
	width: 186px;
	height: 200px;
	padding: 10px 20px 15px 20px;
	background-image: url("../images/feature-box-bottom.gif");
	background-position: top;
	background-repeat: no-repeat;
	color: #ccc;
	}


.box-top {
	width: 610px;
	height: 8px;
	background: url("../images/box_top.gif");
	}
	
.box-middle {
	width: 568px;
	border-left: 1px solid #FF0000;
	border-right: 1px solid #FF0000;
	padding: 10px 20px 10px 20px;
	}
	
.box-bottom {
	width: 610px;
	height: 8px;
	background: url("../images/box_bottom.gif");
	}

.speech-left {
	width: 20px;
	float: left;
	margin-right: 10px;
	}

.speech-right {
	width: 20px;
	float: right;
	margin-left: 10px;
	}
	
.testimonial-credit {
	color: #999;
	font-weight: bold;
	width: 200px;
	display: block;
	padding-top: 5px;
	}
	
.testimonial-link {
	color: #999;
	font-weight: normal;
	width: 200px;
	display: block;
	padding-top: 5px;
	float: right;
	text-decoration: underline;
	text-align: right;
	}
	
.testimonial-link:hover {
	color: #FF0000;
	}

.title-box-white {
	width: 217px;
	height: 20px;
	color: #FF0000;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 26px 10px 5px 10px;
	border-bottom: 1px solid #FF0000;
	}
	
	
ul#news-bullets {
	list-style-image: url("../images/arrow_bullet.gif");
	padding-top: 10px;
	padding-bottom: 15px;
	margin-left: 15px;
	}
	
	ul#news-bullets li {
		display: block;
		margin-bottom: 12px;
		}
		
		ul#news-bullets li a {
			color: #333;
			text-decoration: underline;
			}
			
		ul#news-bullets li a:hover {
			color: #FF0000;
			}

.title-box {
	width: 217px;
	height: 20px;
	background: url("../images/title_red_right.gif");
	color: #FFF;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 6px 10px 5px 10px;
	}
	
.text-box {
	font-size: 12px;
	padding-top: 7px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
	}
	
.box-container {
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
	}
	
.left-image {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	}
	
.right-image {
	float: right;
	margin-left: 20px;
	margin-bottom: 30px;
	}
	
.left-question {
	float: left;
	margin-right: 10px;
	margin-top: -8px;
	margin-left: -8px;
	}



	
.contact-line {
	border-bottom: 1px solid #CCC;
	}
	
.contact-field {
	margin-left: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 230px;
	padding-left: 3px;
	border: 1px solid #ccc;
	color: #000;
	height: 20px;
	}

.contact-field-small {
	margin-left: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 80px;
	padding-left: 3px;
	border: 1px solid #ccc;
	color: #000;
	height: 20px;
	}
	
.contact-field-multi {
	margin-left: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 230px;
	padding-left: 3px;
	border: 1px solid #ccc;
	color: #000;
	resize: none;
	}
	
.contact-note {
	font-size: 10px;
	color: #AAA;
	}

	
div#Map_ucGoogleMapHeadoffice_897273 {
	width: 288px;
	height: 288px;
	border: 1px solid #ccc;
	}

.sitemap {
	list-style: none;
	}
	
.sitemap li{
	margin-bottom: 8px;
	}
	
.sitemap li a{
	color: #FFF;
	}

.sitemap li a:hover{
	color: #99FF00;
	}

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

div#footer {
	padding-top: 16px;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 30px;
	width: 859px;
	height: 240px;
	margin-top: 5px;
	margin-bottom: 8px;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position: top;
	}
	
div#footer-green-section {
	width: 600px;
	float: left;
	}
	
div#footer-black-section {
	width: 175px;
	float: right;
	color: #FFF;
	}
	
	ul.footer-bullets-2 {
			list-style: none;
			width: 150px;
			padding-left: 0px;
			margin-right: 20px;
			}
			
			ul.footer-bullets-2 li {
				margin-bottom: 5px;
				font-size: 11px;
				}
				
				ul.footer-bullets-2 li a{
					color: #FFF;
					text-decoration: none;
					}
					
				ul.footer-bullets-2 li a:hover{
					color: #99ff00;
					text-decoration: underline;
					}
	
div#footer-left {
	float: left;
	width: 300px;
	}
	
	div#footer-left-1 {
		float: left;
		width: 150px;
		}
		
		ul.footer-bullets {
			list-style: none;
			width: 150px;
			padding-left: 0px;
			margin-right: 20px;
			}
			
			ul.footer-bullets li {
				margin-bottom: 5px;
				font-size: 11px;
				}
				
				ul.footer-bullets li a{
					color: #333;
					text-decoration: none;
					}
					
				ul.footer-bullets li a:hover{
					color: #000;
					text-decoration: underline;
					}
		
	div#footer-left-2 {
		float: right;
		width: 150px;
		}
	
div#footer-right {
	float: left;
	width: 300px;
	}
	
div#footer-right-3 {
		float: left;
		width: 150px;
		}
		
div#footer-right-4 {
		float: right;
		width: 150px;
		}
	
/* --------- END Footer --------- */



/* ----------- Credits ----------- */

div#credits-wrap {
	width: 899px;
	height: 150px;
	}
	
div#credits-left {
	width: 500px;
	float: left;
	color: #EEE;
	}
	
div#credits-left a {
	text-decoration: none;
	color: #666;
	}
	
div#credits-left a:hover {
	color: #99ff00;
	}
	
ul#credits-logos {
	margin-top: 10px;
	float: left;
	color: #444;
	list-style: none;
	}
	
ul#credits-logos li {
	display: inline;
	margin-right: 15px;
	}
	
div#credits-right {
	width: 90px;
	height: 27px;
	float: right;
	}
	
div#credits a {
	margin-top: 0px;
	display: block;
	text-decoration: none;
	width: 277px;
	float: right;
	font-size: 45%;
	color: #CCC;
	}
		
div#creds {
	margin-top: -5px;
	font-size: 9px;
	margin-left: 525px;
	width: 277px;
	height: 42px;
	padding: 8px 8px 8px 35px;
	color: #666666;
	background: url("../images/creds_tag.png") no-repeat;
	}
		
div#creds a {
	line-height: 20px;
	color: #666666;
	text-decoration: underline;
	}
		
div#creds a:hover {
	color: #111111;
	}
	
/* --------- END Credits --------- */



/* ----------- Blog ----------- */


	
div#blog-left {
	width: 630px;
	float: left;
	padding: 30px 0px 30px 20px; 
	}

div#blog-entry-wrapper {
		width: 630px;
		float: left;
		height: auto;
		}
		
		.blog-entry {
			width: 630px;
			padding-bottom: 15px;
			border-bottom: 1px solid #444;
			margin-bottom: 10px;
			}
			
			.blog-title {
				font-size: 22px;
				font-family: Arial, Helvetica;
				color: #EEE;
				padding-top: 15px;
				padding-bottom: 30px;
				}
				
			.date-comment-wrap {
				padding-top: 12px;
				float: right;
				text-align: right;
				padding-left: 30px;
				}
				
			.date-text {
				color: #DDD;
				display: block;
				margin-bottom: 3px;
				font-size: 12px;
				}
				
			.comment-text {
				color: #99ff00;
				font-size: 12px;
				text-decoration: none;
				}
				
			.comment-text:hover {
				color: #99ff00;
				text-decoration: underline;
				}
				
			.blog-text {
				font-size: 12px;
				font-family: Verdana, Arial;
				color: #CCC;
				line-height: 1.6em;
				margin-bottom: 25px;
				}
				
				.blog-text-link {
					color: #99ff00;
					text-decoration: none;
					font-size: 12px;
					}
					
				.blog-text-link:hover {
					color: #99ff00;
					text-decoration: underline;
					}
					
			.blog-image {
					float: right;
					border: 1px solid #999;
					padding: 1px;
					width: auto;
					height: auto;
					margin-left: 30px;
					margin-bottom: 20px;
					}
					
			.blog-tag-strip {
				display: block;
				padding: 7px 10px 7px 10px;
				font-size: 11px;
				font-family: Verdana, Arial;
				color: #999;
				background-color: #222;
				}
				
			.blog-tags {
				display: block;
				float: right;
				font-size: 11px;
				font-family: Verdana, Arial;
				color: #999;
				width: auto;
				}
				
				.blog-tags-green {
					color: #CCC;
					}
			
	
	div#blog-panel-top {
		margin-top: 20px;
		width: 220px;
		float: right;
		margin-right: 18px;
		}
	
	div#blog-panel-wrapper {
		margin-right: 18px;
		width: 170px;
		margin-top: 0px;
		float: right;
		height: auto;
		background-color: #444;
		padding: 25px;
		margin-bottom: 18px;
		}
		
		.blog-panel-titles{
			display: block;
			margin-bottom: 5px;
			font-size: 18px;
			font-family: Arial, Helvetica;
			color: #111;
			}
			
		.blog-panel-categories{
			display: block;
			width: auto;
			margin-top: 10px;
			margin-bottom: 10px;
			font-size: 12px;
			color: #CCC;
			text-decoration: underline;
			}
			
			
		.blog-panel-categories:hover{
			text-decoration: none;
			color: #99FF00;
			}
			
		.blog-panel-recent{
			display: block;
			width: auto;
			margin-top: 10px;
			margin-bottom: 10px;
			font-size: 12px;
			color: #CCC;
			}
			
		.blog-panel-recent:hover{
			color: #99FF00;
			text-decoration: underline;
			}
			
		.blog-panel-tags{
			display: block;
			width: auto;
			margin-top: 10px;
			margin-bottom: 10px;
			}
			
		.blog-panel-tags-1{
			font-size: 11px;
			color: #CCC;
			}
			
		.blog-panel-tags-1:hover{
			color: #99FF00;
			}
			
		.blog-panel-tags-2{
			font-size: 12px;
			color: #CCC;
			}
			
		.blog-panel-tags-2:hover{
			color: #99FF00;
			}
			
		.blog-panel-tags-3{
			font-size: 13px;
			color: #CCC;
			}
			
		.blog-panel-tags-3:hover{
			color: #99FF00;
			}
			
		.blog-panel-tags-4{
			font-size: 14px;
			color: #CCC;
			}
			
		.blog-panel-tags-4:hover{
			color: #99FF00;
			}
			
		.blog-panel-tags-5{
			font-size: 15px;
			color: #CCC;
			}
			
		.blog-panel-tags-5:hover{
			color: #99FF00;
			}
			
		.blog-panel-tags-6{
			font-size: 16px;
			color: #CCC;
			}
			
		.blog-panel-tags-6:hover{
			color: #99FF00;
			}
			
		.blog-panel-tags-7{
			font-size: 17px;
			color: #CCC;
			}
			
		.blog-panel-tags-7:hover{
			color: #99FF00;
			}
			
		.blog-panel-tags-8{
			font-size: 18px;
			color: #CCC;
			}
			
		.blog-panel-tags-8:hover{
			color: #99FF00;
			}
			
		.blog-panel-tags-9{
			font-size: 19px;
			color: #CCC;
			}
			
		.blog-panel-tags-9:hover{
			color: #99FF00;
			}
			
		.blog-panel-tags-10{
			font-size: 20px;
			}
			
		.blog-panel-tags-10:hover{
			color: #99FF00;
			}
		
		.blog-panel-line{
			margin-top: 30px;
			border-bottom: 1px solid #555;
			margin-bottom: 30px;
			}
			
		.blog-panel-months{
			display: block;
			width: auto;
			margin-top: 10px;
			margin-bottom: 10px;
			font-size: 12px;
			color: #222;
			}
			
		.blog-panel-months-links{
			text-decoration: underline;
			font-size: 12px;
			color: #CCC;
			}
			
		.blog-panel-months-links:hover{
			text-decoration: none;
			color: #99FF00;
			}
			
div#blog-comments-total{
			display: block;
			color: #111;
			font-weight: normal;
			font-size: 20px;
			padding-top: 30px;
			padding-bottom: 20px;
			border-bottom: 1px solid #ccc;
			margin-top: 10px;
			margin-bottom: 20px;
			}
			
		.blog-comment{
			color: #AAA;
			font-size: 12px;
			padding-top: 10px;
			padding-bottom: 20px;
			border-bottom: 1px solid #555;
			margin-bottom: 10px;
			}
			
		.blog-comment-name{
			display: block;
			color: #ccc;
			font-size: 12px;
			font-weight: bold;
			padding-bottom: 5px;
			}
			
		.blog-comment-date{
			display: block;
			color: #888;
			font-size: 11px;
			padding-bottom: 12px;
			}
			
div#blog-submission-box{
			display: block;
			color: #111;
			margin-top: 40px;
			background-color: #dedede;
			font-size: 12px;
			padding: 10px 20px 10px 20px;
			border-left: 1px solid #CCC;
			border-right: 1px solid #CCC;
			border-top: 1px solid #CCC;
			}
			
div#blog-submission-box-title{
			display: block;
			color: #111;
			font-size: 16px;
			font-weight: bold;
			padding-top: 10px;
			}
			
div#login-text{
			border-left: 1px solid #CCC;
			border-right: 1px solid #CCC;
			border-bottom: 1px solid #CCC;
			padding: 15px;
			display: block;
			color: #111;
			font-size: 90%;
			}
			
div#login-text-loggedin{
			border-left: 1px solid #CCC;
			border-right: 1px solid #CCC;
			border-bottom: 1px solid #CCC;
			background-color: #ccc;
			padding: 15px 20px 15px 20px;
			display: block;
			color: #111;
			font-size: 12px;
			background: url("../images/comments-bg.gif") repeat-x bottom;
			}
			
div#back-box{
			padding-top: 25px;
			display: block;
			font-size: 80%;
			}
			
		
.add-comment{
			margin-bottom: 5px;
			display: block;
			font-size: 90%;
			}
			
.form-fields-multi-blog{
	padding-left: 3px;
	display: block;
	width: 580px;
	margin-bottom: 2px;
	}
	
.comments-reducer{
	font-size: 12px;
	display: block;
	padding-bottom: 3px;
	color: #FFF;
	}
	
.form-fields-single-blog{
	padding-left: 3px;
	display: block;
	width: 300px;
	height: 20px;
	margin-bottom: 2px;
	}
	
.form-fields-short-blog{
	padding-left: 3px;
	display: block;
	width: 100px;
	height: 20px;
	margin-bottom: 2px;
	}
	
.blog-comment-add-button{
	display: block;
	text-align: right;
	}
	
.postedby{
	font-size: 12px;
	padding-bottom: 10px;
	}
	
.rss-wrapper {
	vertical-align: top;
	margin-bottom: 25px;
	}
	
.rss-logo {
	float: left;
	margin-right: 10px;
	}
	
.rss-link {
	color: #CC6600;
	font-size: 11px;
	text-decoration: none;
	padding-top: 6px;
	display: block;
	width: auto;
	}
	
.rss-link:hover {
	text-decoration: underline;	
	}