/*
Theme Name:		Towtal
Theme URI:		http://www.towtal.co.uk
Description:	A custom template created for a<a href="http://www.towtal.com">Towtal - Motorhome Accessories Specialists</a>.
Version:		1.0
Author:			Hadi Kanan
Author URI:		http://www.kanko.co.uk
*/

body {
margin:0;
padding:0;
background-color:#3366CC;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
#canvas {
margin:0;
padding:0;
background-color:#FFFFFF;
}
#hdr {
background-color:#3366CC;
margin:0;
padding:0;
}

#hdrcontent {
margin-left:auto;
margin-right:auto;
width:970px;
}

#hcl {
margin:10px 0 0 0;
padding:0;
width:350px;
float:left;
}

#hcl img{
margin:0 0 10px 0;
padding:0;
border:none;
}



#hcr {
margin:10px 0 0 0;
padding:0;
width:620px;
float:left;
text-align:right;
}
#hcr h3{
margin:0;
padding:0;
color:#FFFFFF;
font-size:24px;
font-weight:normal;
}
#hcr p{
margin:0;
padding:0;
color:#FFFFFF;
font-size:20px;
}
#hcr img{
margin:0 0 10px 0;
padding:0;
border:none;
}

#mid {
margin-left:auto;
margin-right:auto;
width:970px;
padding:0;
}

#slices {
float:left;
width:970px;
padding:0;
margin:5px 0 0 0;
}

div.slice {
float:left;
padding:0;
margin:0 5px 0 0;
width:190px;
}

div.slice p{
color:#FFFFFF;
margin:10px 0 5px 0;
padding:0;
}
div.slice a{
color:#FFFFFF;
text-decoration:none;
text-transform:uppercase;
margin:0;
padding:0;
font-size:13px;
}
div.slice img{
margin:0;
padding:0;
border:none;
}

div.lastslice {
float:left;
padding:0;
margin:0;
width:190px;
}

div.lastslice p{
color:#FFFFFF;
margin:10px 0 5px 0;
padding:0;

}

div.lastslice a{
color:#FFFFFF;
text-decoration:none;
text-transform:uppercase;
margin:0;
padding:0;
font-size:13px;
}

div.lastslice img{
margin:0;
padding:0;
border:none;
}

#centerpane {
margin:0;
padding:0;
}
#centerpane h1{
margin:0;
padding:0;
font-size:24px;
color:#336699;
font-weight:bold;
}
#centerpane h2{
margin:0;
padding:0;
font-size:22px;
color:#336699;
font-weight:bold;
}
#centerpane h2 a{
margin:0;
padding:0;
font-size:22px;
color:#336699;
font-weight:bold;
}
#centerpane h3{
margin:0;
padding:0;
font-size:12px;
color:#000000;
}
#centerpane h4{
margin:0;
padding:0;
font-size:12px;
color:#CCCCCC;
font-style:italic;
font-weight:normal;
}
#centerpane h5{
margin:0;
padding:0;
font-size:12px;
color:#3366CC;
font-weight:bold;

}
#centerpane h6{
margin:0;
padding:0;
font-size:16px;
color:#3366CC;
text-transform:uppercase;
font-weight:normal;

}


#centerpane p{
margin:0 0 3px 0;
padding:0;
font-size:14px;
color:#000000;
font-weight:normal;
}

#centerpane a{
margin:0;
padding:0;
font-size:12px;
color:#3366CC;
text-decoration:none;
}

#left {
margin:10px 0 0 0;
padding:0;
width:585px;
float:left;
}

#content.home {
margin:10px 20px 0 0;
padding:0;
width:565px;
float:left;
}

#content.single {
margin:10px 20px 0 0;
padding:0;
width:565px;
float:left;
}
#wideright {
margin:10px 0 0 0;
padding:0;
width:385px;
float:left;
}

#wideright h5{
margin:5px 0 5px 0;
padding:0;
}

#wideright img {
margin:0 0 5px 0;
padding:0;
border:none;
}

#wideright ul {
margin:10px 0 10px 0;
padding:0;
list-style:none;
}
#right {
margin:10px 5px 0 0;
padding:0;
width:190px;
float:left;
}

#right img {
margin:0;
padding:0;
border:none;
}

#right ul {
margin:10px 0 10px 0;
padding:0;
list-style:none;
}

#right2 {
margin:10px 0 0 0;
padding:0;
width:190px;
float:left;
}

#right2 img {
margin:0;
padding:0;
}

#right2 ul {
margin:10px 0 10px 0;
padding:0;
list-style:none;
}


#ftr {
background-color:#3366CC;
margin:0;
padding:0;

}

#ftrcontent {
margin-left:auto;
margin-right:auto;
width:970px;
}

#ftrcontent h6{
margin:0;
padding:0;
font-size:12px;
color:#FFFFFF;
text-transform:uppercase;
font-weight:bold;
}
#ftrcontent ul{
margin:0;
padding:0;
list-style:none;
}

#ftrcontent li{
font-size:12px;
color:#FFFFFF;
margin:0 0 3px 0;
font-weight:normal;
}

#ftrcontent li a{
color:#FFFFFF;
text-decoration:none;
}
#ftrcontent li a:hover{
text-decoration:underline;
}

div.fcol {
margin:10px 5px 0 0;
padding:0;
width:190px;
float:left;
}

#rfc {
margin:10px 0 0 0;
padding:0;
width:385px;
float:left;
}

#rfc img {
margin:0;
padding:0;
border:none;
}


.entry {  font-size: 14px; line-height: 1.65em; }
		
	.entry blockquote { font-size: 14px; }
	
		.entry blockquote.right { width: 200px; font-style: normal !important; font-size: 14px !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; }
		
		.entry blockquote.left { width: 200px; font-style: normal !important; font-size: 14px !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; }
	
			.entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 1.4em !important; }
	
	.entry p { margin: 0 20px 1.5em 0; }
	.entry a { color:#336699;text-decoration:none;}
	.entry a:hover { text-decoration:underline;}

	.entry ul, .entry ol { margin: 0 0 1.5em 40px; }
	
	.entry ul { list-style-type: square; }
	
		.entry li { margin: 0 0 0.5em 0; }
		
			.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 30px; }
	
	.entry dl { margin: 0 0 1.5em 0; }
			
		.entry dt { font-weight: bold; margin: 0 0 0.5em 0; }
		
		.entry dd { margin: 0 0 1.5em 20px; }
		
	.entry .ad { margin: 0 0 0.5em 15px; float: right; }
	
	.entry .ad_left { margin: 0 15px 0.5em 0; float: left; }

	.entry img { }

		.entry img.left { padding: 3px; margin: 0.5em 15px 0.5em 0; border: 3px double #bbb; float: left; clear: left; }
		
		.entry img.right { padding: 3px; margin: 0.5em 0 0.5em 15px; border: 3px double #bbb; float: right; clear: right; }
		
		.entry img.center { display: block; padding: 3px; margin: 0 auto 1.5em auto; border: 3px double #bbb; float: none; clear: both; }
	
		.entry img.off { padding: 0 !important; border: none !important; }
		
		.entry img.stack { clear: none !important; }

.tagged { padding: 0.4em 0 0 0; background: url('images/hr_tag_sep.gif') no-repeat; font-size: 12px; line-height: 1.6em; color: #888; clear: both; }

	.tagged a, .tagged a:visited { padding: 0.25em; color: #333; text-decoration: none; }
	
		.tagged a:hover { color: #fff; background: #333; text-decoration: none; }
	
	.add_comment { display: block; padding: 0 0 0 20px; font-weight: bold; float: right; }

.navigation { width: 500px; font-size: 12px; float: left; }
	
	.previous { padding: 0 20px 0 0; float: left; }
	.previous a {color:#336699;}
	.next { float: right; }
	.next a {color:#336699;}
.clear { width: 500px; height: 1px; margin: 0 0 5.0em 0; clear: both; }

.rule { background: url('images/hr_tag_sep.gif') no-repeat; }

.flat { margin: 0 0 2.0em 0 !important; }

.whitespace { margin: 0 0 1.5em 0 !important; }

.entry form {margin:0;}




/*---:[ comment styles ]:---*/

#comments { width: 500px; float: left; clear: both; }

	ul#comment_list { list-style: none; margin: 0 0 4.0em 0; border-top: 1px solid #bbb; float: left; }
		
		ul#comment_list li.comment { width: 500px; padding: 1.2em 0 0 0; border-bottom: 1px dotted #bbb; float: left; }
			
		ul#comment_list li.trackback { width: 470px; padding: 1.2em 15px 0 15px; background: url('images/trackback_bg.gif'); }
				
			.comment_meta { margin: 0 0 1.2em 0; }
			
				.comment_num { padding: 0 15px 0 20px; font-weight: bold; font-size: 1.4em; float: right; }
				
				.trackback .comment_num { padding: 0 0 0 20px; }
				
					.comment_num a, .comment_num a:visited { color: #888; text-decoration: none; }
					
						.comment_num a:hover { color: #df0000; text-decoration: none; }
				
				.comment_meta strong { font-size: 1.6em; }
					
				.comment_time { font: normal 1.1em Arial, Helvetica, sans-serif; color: #888; }
		
			.comment .entry { padding: 0 15px; }
			
				.comment .entry p { margin: 0 0 1.0em 0; }
			


/*---:[ comment form styles ]:---*/

#comment_form { width: 500px; padding: 1.0em 0 0 0; float: left; }

	#comment_form p { padding: 0.6em 0; }
	
		#comment_form label { padding: 0 0 0 10px; font-size: 1.2em; }

		#comment_form .text_input { width: 191px; padding: 3px; color: #444; font: normal 1.4em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
		
		#comment_form .text_area { width: 321px !important; }
	
			#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	
		#comment_form .form_submit { padding: 0.4em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.4em Georgia, "Times New Roman", Times, serif; cursor: pointer; }
		
		#comment_form p.subscribe-to-comments { font-size: 1.4em; }
		
			#comment_form p.subscribe-to-comments label { font-size: 1.0em; }
			





/********************** CONTACT ***************************/

#contactleft {
margin:10px 0 0 0;
padding:0;
width:660px;
float:left;
}


#contactleft h1{
font-size:24px;
margin:10px 0 10px 0;
padding:0;
}

#contactleft h2{
font-size:18px;
margin:10px 0 10px 0;
padding:0;
}

#contactleft p{
font-size:14px;
margin:10px 0 10px 0;
padding:0;
}

#contactright {
margin:10px 0 0 0;
padding:0;
width:300px;
float:left;
}

#contactright p{
font-size:14px;
margin:10px 0 10px 0;
padding:0;
}

#contactright iframe{
margin:10px 0 10px 0;
padding:0;
}


/*--------------------- Nav menu ----------------------------*/

#navmenu {
margin:10px 5px 10px 0;
padding:0;
width:190px;
float:left;
}

/*-----------------   RED  --------------------------------*/

#navmenu ul.red{
margin:0;
padding:0;
list-style:none;
}

#navmenu ul.red li.page_item{
margin:0 0 5px 0;
padding:4px 5px 6px 5px;
background:#990000 url(images/btn-dark-red.jpg) repeat-x bottom;
border:#990000 solid 1px;
}

#navmenu ul.red li.current_page_item{
margin:0 0 5px 0;
padding:4px 5px 6px 5px;
background:#FF0000 url(images/btn-lite-red.jpg) repeat-x bottom;
border:#990000 solid 1px;
}


#navmenu ul.red li a{
color:#FFFFFF;
font-size:14px;
font-weight:normal;
}


/*-----------------   BLUE  --------------------------------*/

#navmenu ul.blue{
margin:0;
padding:0;
list-style:none;
}

#navmenu ul.blue li.page_item{
margin:0 0 5px 0;
padding:4px 5px 6px 5px;
background:#3366CC url(images/btn-dark-blue.jpg) repeat-x bottom;
border:#3366CC solid 1px;
}

#navmenu ul.blue li.current_page_item{
margin:0 0 5px 0;
padding:4px 5px 6px 5px;
background:#3399FF url(images/btn-lite-blue.jpg) repeat-x bottom;
border:#3399FF solid 1px;
}


#navmenu ul.blue li a{
color:#FFFFFF;
font-size:14px;
font-weight:normal;
}


/*-----------------   CYAN  --------------------------------*/

#navmenu ul.cyan{
margin:0;
padding:0;
list-style:none;
}

#navmenu ul.cyan li.page_item{
margin:0 0 5px 0;
padding:4px 5px 6px 5px;
background:#99CCFF url(images/btn-dark-cyan.jpg) repeat-x bottom;
border:#99CCFF solid 1px;
}

#navmenu ul.cyan li.current_page_item{
margin:0 0 5px 0;
padding:4px 5px 6px 5px;
background:#CCFFFF url(images/btn-lite-cyan.jpg) repeat-x bottom;
border:#99CCFF solid 1px;
}


#navmenu ul.cyan li a{
color:#333333;
font-size:14px;
font-weight:normal;
}


/*-----------------   GREEN  --------------------------------*/

#navmenu ul.green{
margin:0;
padding:0;
list-style:none;
}

#navmenu ul.green li.page_item{
margin:0 0 5px 0;
padding:4px 5px 6px 5px;
background:#9ACCCD url(images/btn-dark-green.jpg) repeat-x bottom;
border:#9ACCCD solid 1px;
}

#navmenu ul.green li.current_page_item{
margin:0 0 5px 0;
padding:4px 5px 6px 5px;
background:#ADE5E7 url(images/btn-lite-green.jpg) repeat-x bottom;
border:#9ACCCD solid 1px;
}


#navmenu ul.green li a{
color:#333333;
font-size:14px;
font-weight:normal;
}


/*-----------------   LIME  --------------------------------*/

#navmenu ul.lime{
margin:0;
padding:0;
list-style:none;
}

#navmenu ul.lime li.page_item{
margin:0 0 5px 0;
padding:4px 5px 6px 5px;
background:#99CB34 url(images/btn-dark-lime.jpg) repeat-x bottom;
border:#99CB34 solid 1px;
}

#navmenu ul.lime li.current_page_item{
margin:0 0 5px 0;
padding:4px 5px 6px 5px;
background:#ABED45 url(images/btn-lite-lime.jpg) repeat-x bottom;
border:#99CB34 solid 1px;
}


#navmenu ul.lime li a{
color:#333333;
font-size:14px;
font-weight:normal;
}

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }