/* Main Styles */


/* General */

@import url("reset.css");

* {
	margin: 0; 
	padding: 0
	}
	
html {
	font-size: 100%;
	}
	
body {
	font-size  :90%;
	font-family:  helvetica, Verdana, sans-serif;
/*	background : #4D6275;*/
    background-image:url(http://www.garageequipmentgroup.co.uk/Orange.jpg);
	padding : 0;
	line-height : 120%;
	}
	
img {
	border: 0;
	}

/* Layout */


#container {
	width: 920px;
	margin: 0 auto;
  

/*	background : #f1ebeb;*/
}

/* ---- header ---- */
#header-wrap { 	position:relative; background : url(../images/header2.png) no-repeat top center; padding : 20px 40px 10px 40px!important;}
#header  {
/*	background : #f1ebeb;*/
	margin : 0px;
}

/*---- navigation ---- */
#nav { 

	background : #FFB600 url(../images/nav-bg2.png) repeat-x top left;
	margin : 0 9px 0 9px;
	padding : 10px 0;
	font-size : 85%;

	border-bottom : 6px solid #002567;
	}


#nav a{ 
	color : #333;
	padding: 12px 13px; 
	margin : 0!important;


	text-decoration : none;
	}
#nav a:hover, #nav a.active { 
 	background : #002567 url(../images/nav-active-bg2.png) repeat-x 0 -2px!important;
	color  :#eee;
	padding: 13px 13px 14px 13px; 	
	}
span.telephone { 
	float : right;
	width : 200px;
	height : 20px;
	font-size : 150%;
/*	text-indent : -99999px;*/
	padding : 0; 
	margin-top : 0px;
	overflow:visible;
/*	background : url(../images/telephone.png)no-repeat top left!important;*/
	}	
	
/* ---- scrolling header --- */
#demo-bar {
	margin: 0px auto;
	padding: 0 1px 0 0;
	width: 822px;
	background : #000;
	text-align: center;
	font-size  :90%;
} 
#demo-wrapper {
	margin: 0 0 0 10px ;
	overflow: hidden; 
	height: 295px; 
	width: 822px;
		background : #000;

} 
#demo-wrapper h3 { 
	text-align: center;
	color : white;
	margin-left : 50px;;
width  :700px;
  line-height : 140%;
font-size : 90%;
	}
/******** flash ***********/
.slogan { float : left;}
#flash-box { border : 3px solid #222; margin : 30px; width  :320px; height : 240px; float: right;}
.skip { float : left; margin-left : 25px!important;}
.special { float  :left; margin-top : -45px; margin-left: 100px;}

/* ---- header buttons --- */
#buttons_wrap {clear}
div#header_buttons {


}

#scrollup {
  position: relative;
  overflow: hidden;
  border: 1px solid #fff;

color : white; 

}
.headline {
  position: absolute;
  top: 10px;
  left: 5px;
  height: 255px;
  width:490px;
}


/* ---- Content ---- */

#content-wrapper {background : url(../images/content-bg2.png) repeat-y top center; padding :  0px 40px 10px 40px!important; margin : 0!important;}

#content-home { 
	margin : 30px 0 0 0!important;
	width : 67%;

	padding : 0 20px!important;

}

a:hover.button-link-home { 
	filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: .8;
	opacity:.8;
	opacity: .8;
	filter: alpha(opacity=80);
	}
a.button-link-home { 
	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity:1;
	float : right;
	margin : 10px;
	}
	
#content { 
	margin : 30px 0 0 0!important;
	width : 67%;

	padding : 0 20px!important;

}
/* ---- products ---- */
a:hover .products-section-box { 
	filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: .8;
	opacity:.8;
	opacity: .8;
	filter: alpha(opacity=80);
	}
a .products-section-box { 
	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity:1;
	}
	

/*---- Sidebar ---- */
#sidebar { 
	float : right;
	width : 28%;

	margin-right : 9px;
	background : #f2f2f1 url(../images/sidebar-bg.gif) no-repeat bottom left;;
	min-height : 300px;
	padding-bottom : 15px;
	padding-right : 5px;
	padding-top  :25px;
}
#sidebar h4 {margin : 7px; color }
#sidebar p {margin : 0 7px;}



#sidebar fieldset {
	border: none;
	width : 95%;
}
#sidebar fieldset p, .news-nippet p { margin : 0;} {margin: 0;}
#sidebar fieldset #email, #sidebar fieldset #name{ 
width : 200px!important;
margin : 3px 10px 3px 0;
}	
fieldset.newsletter #submit{
width : 90px!important;
margin : 15px 0px;
}	
.news-snippet { 

	margin : 5px;
	}
.news-snippet div { height : 150px; width  :190px; margin : 10px 0 0 10px; border: 1px solid #aaa; text-indent : -99999px; text-align:center;  font-size : 150%;}
/*.news-snippet div:hover { text-indent : 0; background: white;filter: alpha(opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: .;
opacity:.3;
opacity: .3;
filter: alpha(opacity=30);}*/
.news-snippet img, #flip {
		padding : 2px!important;
		width : 190px;
		padding : 0px;
		border : #ddd solid 2px;

		margin : 0 0 0 10px;
	}
a:hover #flip { border: 2px solid #c52b2b;}	
/******************links ***************/

a:hover.button-link { 
	filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: .8;
	opacity:.8;
	opacity: .8;
	filter: alpha(opacity=80);
	}
a.button-link { 
	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity:1;
	}	
/************* contact *************/
	
fieldset{
	border: 1px solid #ddd;
	width : 90%;
	margin-bottom : 1em;
	padding-bottom : 1em;
	font-size : 80%;
}

legend{
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: 1px;
	margin-bottom: 5px;
}
/*
label{
	font-size: 1em;
	color: #ff9900;
	display: block;
	padding-bottom: 3px;
	font-style: italic;
}
*/


fieldset ul { 
	list-style-type: none; 
	padding: 0; 
	margin: 0 !important; 
	}
fieldset ul li { 
	padding-bottom: 0;
	list-style-type: none;	
	width : 240px;
	float : left;
	margin-right : 10px;
	}
fieldset input, 
fieldset select, 
fieldset textarea {	
	font-size: 1em !important; 
	font-weight: normal; 
	padding: 3px; 
	margin: 2px 0 0 0; 
	color: #222; 
	background : #f8f8f8 ; 
	border: 1px solid #ccc; 
	width : 95%;
	}
fieldset input.amounts,
fieldset input.man {
	border: none;
	background: none;
}
fieldset .col {
	display: inline;
	float: left;
	width: 49%;
	padding-bottom: 10px;
}

fieldset textarea {	
	margin-bottom: 10px;
}
fieldset textarea {
    overflow: auto;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1em !important;
    }
fieldset select {
	padding: 1px;
	padding: 2px 1px 2px 0;
	}

fieldset label {
    margin-right: 5px;
    font-weight: bold;
	color : #666;
    display: block;
    margin-top: 10px;
	font-size: 1em !important;
	line-height: 1.3em;
    }


fieldset p {
    margin-bottom: 0.5em !important;
    }

#send {
	width: 4em !important;
}
#msgform {
	margin-bottom: 10px;
}
 #content .contact_submit:hover { 
	background : #c52b2b!important; 

	color : #fff!important;
	}
#negative { padding : 1em; background  : #ffac00; color : white; width  :90%; margin-bottom  :1em;}


#map { margin-left : 20px; border : 1px solid #ddd;}
/********* ebay ************/
.ebay-box { 
	font-size : 85%;
	width : 500px;
	background : #f8f8f8;
	border  :1px solid #ddd;
	height : 110px;
	margin: 0 20px 10px 10px;
	padding : 15px;
	}
.ebay-image {
	margin : 10px;
	float : right;
}	
	
/********* products ************/

.products-section-box { 
	margin : 3px 8px 3px 0!important;
	}
.product-box{
	font-size : 85%;
	width : 500px;
	background : #f8f8f8;
	border  :1px solid #ddd;
	height : 110px;
	margin: 0 20px 10px 10px;
	padding : 15px; 
}
.products-box h2{
	background: red;	
	margin, padding : 0!important; 
}
.products-box p{
	margin, padding : 0!important;
	background: red;
}
.product-thumb { 
	float : left;

	width : 100px;
	margin : 0 10px 10px 0;
	}
#link-box{
	width : 252px;
	float : right;


}
.bottom-link {
	margin-left  :10px;
}
.prod { 
	float : right;

	width : 200px;
	margin : 0 28px 10px 10px;
	}
a.option {

	margin: 1px 0px 0 20px;
	width  :190px;
/*	padding : 3px;
	background : #f8f8f8;
	border : 1px solid #ddd;
	color : #333!important;*/
	display: block;
	padding : 12px 5px 19px 10px;
	background : url(../images/side-button-bg.png) no-repeat top left;
	color : #444!important;
	text-decoration : none;
	text-align : center;
	font-size : 80%;
}
a.option:hover { color :#000!important;}

a.option-film {

	margin: 1px 0px 0 20px;
	width  :190px;
	display: block;
	padding : 12px 5px 19px 10px;
	background : url(../images/side-button-film-bg.png) no-repeat top left;
	color : #444!important;
	text-decoration : none;
	text-align : center;
	font-size : 80%;
}
a.option-film:hover { 	text-decoration : none!important;color :#000!important;}




.hidden {
  display: none;
}



div.inline-sample-content {
  padding: 10px;
color : #eee;
}	

#right_col {
	float : right;
	width : 240px;
}

.links { width : 100%; clear : left;background : white;}
/**************** news *************/
.news-box {
	font-size : 85%;
	width : 500px;
	background : #f8f8f8;
	border  :1px solid #ddd;

	margin: 0 20px 10px 10px;
	padding : 15px;
}

.news-thumb {
	float  :right;
	width : 130px;
	padding : 3px;
	border : #ddd solid 1px;
	margin : 0 0 10px 10px;
}
/******** leasing ************/
#leasing li { 
	list-style-type : none;
	width : auto;
	margin-right : 10px;
	float :left;
	}

#leasing .submit { width : 100px; background : black; color : orange;}	
table{
width: 90%;
margin-bottom: 1em;
margin-left : 1em;
font-size: .9em;
}

th{
text-align: left;
background: #FAB300;
color: #000;
padding: 2px 3px;
font-weight: normal;
}

td{
background: #000;
color: #eee;
padding: 2px 3px;
}
/****** shopping cart *******/
#shopping_cart{ width : 85%; }

.quantity { background : #333; color : white; border  :2px solid #222; margin-top : 2px; text-align: center;}
/*---- footer ---- */
#footer {
	width : 920px;
	margin : 0 auto;
	text-align: center;
	color : #bbb;
	padding : 60px;
	font-size : 80%;
	  background : url(../images/footer-bg2.png) no-repeat top center;
}
/* Typography */
a:link, a:visited{
	color: #FD9816;
	text-decoration : none;
}



a:focus,
a:hover{
	color: #c52b2b; 
}
h1 strong, h2 strong { 
	display : none;
	}
	
h1.logo { 
	width :800px;
	height : 110px;
	background : url(../images/logo.png) no-repeat top left;
	margin : 0 auto;
	padding : 0;
	}
	
	
h2{
		/*color : #9c2b2b;

		font-style : italic;*/
		text-decoration : none;
font-weight : normal!important;
}	

hr { background : #ccc; color : #ccc; width  :90%; margin : 1em 1em;}

/* clearfix stuff */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.clear { 
clear : both;
}