/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Manchester Towbars
Version:		1.0
Last change:	25/01/12 [ ]

Author:			Andrew Yee (andrew@citruscube.com)
Primary use:	Web site
-------------------------------------------------------------------*/

/* Layout */
* {
	margin: 0;
	padding: 0;
}
html {
	/* non-ie browsers short page fix */
	margin-bottom: 1px;
	height: 100%;
	margin: 0 auto;
}
body {
	font: 12px Arial, sans-serif;
	color : #333;
	margin: 0;
	padding: 0;
	background-color:#CCC;
	line-height:18px;
}

.main { 
	background-color:#FFF; width:840px; margin:0 auto; min-height:500px;
}

.header{
	height:153px;
}

.sitenavigation{
	background-image:url(/web/media/navigation.png); height:62px;
}
.main-body{
background-color:#FFF; margin-bottom:5px; min-height:300px;
margin:20px;
}

.main-2col{
float:left; width:800px; background-color:#FFF;padding-bottom:10px;
}

.main-left{
float:left; width:545px; background-color:#FFF; margin-right:30px;padding-bottom:10px;
}

.main-right{
float:left; width:225px; padding-bottom:10px;
}




.footer-top{
height:32px;	
background:url(../media/footer-top.png) no-repeat;
}

.footer-top-left{
float:left;
width:265px;height:24px;
padding:8px 0 0 35px;
color:#FFF;
font-size:16px;
text-align:left;
}
.footer-top-right{
float:left;
width:285px;height:24px;
padding:8px 0 0 35px;
color:#FFF;
font-size:16px;
text-align:left;
}

.footer-top-right-twitter{
float:left;
width:175px;height:24px;
padding:8px 0 0 35px;
color:#FFF;
font-size:16px;
text-align:left;
}

.footer-bottom{
min-height:32px;	
clear:both;
}


.footer-main{
height:270px;
background:url(../media/footer-main-bg.png) repeat-x;	

}

.footer-main-left{
float:left;
width:265px;
height:275px;
color:#FFF;
padding:8px 0 0 35px;
text-align:left;
}

.footer-main-right{
float:left;
width:310px;
height:275px;
color:#FFF;
padding:8px 0 0 10px;
text-align:left;
}

.footer-main-right-twitter{
float:left;
width:200px;
height:275px;
color:#FFF;
padding:8px 0 0 10px;
text-align:left;
}


.footer-main-right-col1{
width:80px; height:107px; vertical-align:bottom; float:left;
}

.footer-main-right-col2{
float:left; width:148px; margin-right:10px;
}

.footer-main-right-col3{
float:left; width:147px;
}

.footer{
height:199px;	
background:url(../media/footer-bg.jpg) repeat-x;
}



.clear {
	clear:both;
}



/* Links */

a {
	color:#333;
	text-decoration:underline;
}



/* Text */

h1 {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:22px;
	margin:0 0 10px 0;
}
h2 {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	margin:0 0 10px 0;
}
h3 {
	color:#00ADEE;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:10px;
	font-size:18px;
}
h4 {
	color:#00ADEE;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
}
h5 {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
}
p {
	margin-top:0px;
	margin-bottom:7px;
}




/* Blog - sidebar */



.main-right ul, .main-rightr ul ol {
	margin: 0;
	padding: 0;
	}

.main-right ul li {
	list-style-type: none;
	list-style-image: none;
	}
.main-right ul p, .main-right ul select {
	margin: 5px 0 8px;
	}

.main-right ul ul, .main-right ul ol {
	margin: 5px 0 0 10px;
	}

.main-right ul ul ul, .main-right ul ol {
	margin: 0 0 0 10px;
	}

ol li, .main-right ul ol li {
	list-style: decimal outside;
	}

.main-right ul ul li, .main-right ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
	
	/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: left;
	}

.main-right #searchform #s {
	width: 108px;
	padding: 2px;
	}

.main-right #searchsubmit {
	padding: 1px;
	}
	
	

.main-right form {
	margin: 0;
	}
	
.main-right h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 5px 0 0;
	padding: 0;
	}
	
	
/* Navigation */
	
.sitenavigation ul {
float:left;
width:100%;
padding:0;
margin:6px 0 0 0;
list-style-type:none;
height:25px;
}

.sitenavigation li {}

.sitenavigation li a {display:inline; float:left; background-image:url(../media/navigation-symbol.png); background-repeat:no-repeat; background-position:top left; height:26px; padding-left:40px; padding-right:10px; color:#FFF; padding-top:5px; font-size:16px;
text-transform:uppercase; text-decoration:none;}

.sitenavigation li a .current { text-decoration:underline; color:#0CF;}

.sitenavigation li a:hover { text-decoration:underline; color:#0CF;}


.sitenavigation .toplevel{
background-image:url(/web/media/navigation.png); height:62px;}


/* News pane */ 

.news-headlines{
	background-image:url(/web/media/news.png); padding-left:55px; padding-top:50px; background-repeat:no-repeat; height:149px; width:525px;
}

.news-headlines a{
	font-weight:bold; color:#006; text-decoration:none; margin:0; padding:0;
}

.news-headlines-item{
width:150px; float:left; margin-right:10px;
}

/* Images - sidebar */

.main-right img {
-webkit-box-shadow: 0px 0px 11px 2px #888;
-moz-box-shadow: 0px 0px 11px 2px #888;
box-shadow: 0px 0px 11px 2px #888;
margin-bottom:15px;

}


.sidebarshadow {
-webkit-box-shadow: 0px 0px 11px 2px #888;
-moz-box-shadow: 0px 0px 11px 2px #888;
box-shadow: 0px 0px 11px 2px #888;
margin-bottom:15px;

width:175px;
height:140px;
background-image:url(/web/media/sidebar-specialoffers.jpg);
background-position:left bottom;
background-repeat:no-repeat;
padding:10px;

}

 
#specialoffersbox{
	display: inline-block;
	position: relative;
	color:#000;
	width:175px;
	height:140px;	
text-align:left;
	font-size:12px;
	background: url(/web/media/sidebar-specialoffers.jpg) no-repeat;
	background-position:left bottom;
	padding:10px;
	font-weight:normal;
	
	
	
	
	-webkit-box-shadow: 0px 0px 11px 2px #888;
-moz-box-shadow: 0px 0px 11px 2px #888;
box-shadow: 0px 0px 11px 2px #888;
margin-bottom:15px;
}

/*#specialoffersbox span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	color:#FFF;
	background: url(/web/media/sidebar-specialoffers.jpg) no-repeat;
	background-position: -339px 0;
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
	padding:10px;
	font-weight:normal;
}*/