/* -------------------------------------------
project:  Compressed Air Centre
date:    2008/11/12
------------------------------------------- */

/* Reset
------------------------------------------- */
.redbold b { color: #FF0000; }
* {margin: 0; padding: 0; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em;}
a, span, strong {font-size: 1em; color:#2C2BF1;}
strongLrg {margin: 1em 0 0.8em 0; font-size: 1.3em; color:#2C2BF1;}
span {color: inherit;}
a, a:visited {text-decoration: none; color:#FF0000;}
a:hover {text-decoration: underline;}
img {border: none;}
html {height: 100.01%; background: #fff;}

/* basic text elements */

h1 {margin: 0 0 0.8em 0; padding: 0 5px 0 5px; background: #f00; color: #fff; font-size: 1.4em;}
h2 {margin: 1em 0 0.8em 0; font-size: 1.3em; color:#FF0000;}
h3 {margin: 1em 0 0.8em 0; font-size: 1.2em;}
h4 {margin: 1em 0 0.8em 0; font-size: 1em;}
p {margin: 1em 0 1em 0;}
ul, ol {margin: 1em 0 1em 0;}
ul li {margin: 0 0 0 20px;}
ol li {margin: 0 0 0 20px;}

/* basic form elements */
fieldset {border: none;}
legend {display: none;}
label {display: block; float: left; clear: left; width: 150px; margin: 5px 0 5px 0;}
/*input[type=text] {width: 275px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #000; background: #fff;}*/
	input.chk, input.radio {width: auto; border: none; vertical-align: middle;}
textarea {width: 275px; height: 50px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #000; background: #fff;}
/*select {width: 275px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #000; background: #fff;}*/
	select.qty {width: 40px; padding: 0; font-size: 0.9em;}
button {border: none; cursor: pointer; padding:0; margin:0;}

/* layout
------------------------------------------- */
body {width: 1000px;}
	#header {position: relative; height: 67px; border-top: 14px solid #000; background: #fff;}
		#header h1 {margin: 0;}
		#header p {position: absolute; top: 4px; right: 10px; margin: 0; padding-right: 100px; background: url(../images/logo-fini.gif) right center no-repeat; color: #666; font-size: 1.3em; font-weight: bold; line-height: 0.8em; text-transform: uppercase; text-align: right; }
			#header p span {color: #666; line-height: 1.4em;}
			#header p .tel {font-size: 2em; font-weight: bold; color:#2C2BF1;}
	#logo {display: block; position: absolute; left: 10px; top: 8px; overflow: hidden; width: 239px; height: 56px; background: url(../images/logo.gif) no-repeat; text-indent: -10001px;} 
	#logoforprint {display:none; }
	#menubar {overflow: hidden; height: 27px; background: #f00;}
		#menubar form {float: left; padding-left: 15px;}
		#menubar form label {width: 60px; color: #fff; font-weight: bold; font-size: 1.2em;}
		#menubar form input {width: 100px; margin: 2px 0 0 0; padding: 1px 3px 1px 3px; border: none; vertical-align: middle;}
		#menubar form button {width: 33px; height: 18px; margin: 5px 0 2px 0; border: none; background: url(../images/go-button.gif) no-repeat; color: #000; font-weight: bold; font-size: 1.1em; line-height: 18px; text-align: center; text-transform: uppercase; vertical-align: middle;}
#mainmenu {float: right; margin: 0 15px 0 0;}
			#mainmenu li {float: left; list-style: none; margin: 0; padding: 0 5px 0 5px; line-height: 27px;}
			#mainmenu a, #mainmenu a:visited {color: #fff; font-size: 1em; text-decoration: none; text-transform: uppercase; font-weight:bold;}
			#mainmenu a:hover {text-decoration: underline;}
	#content {overflow: hidden; width: 1000px;}
		#sidebar {float: left; width: 190px; padding:10px 10px 60px 10px; background: #2c2bf1 url(../images/left-back.png) left top repeat-x; height:100%; min-height:100%;}
		
		
			#sidebar ul {margin: 0;}
				#sidebar ul li {list-style: none; margin: 0; color: #fff;}
				#sidebar ul a, #sidebar ul {color: #fff; font-weight: bold;}
				#sidebar a:hover {color: #fff; font-weight: bold; text-decoration:underline;}
		#maincol {float: right; width: 790px;}
		#buttons {float: right; width: 180px; padding: 15px 15px 0 0;}
			#buttons ul {margin: 0;}
				#buttons ul li {list-style: none; margin: 0; padding: 0;}
				
			#buttons a, a:visited {text-decoration: none; color:#FFFFFF;}
#buttons a:hover {text-decoration: underline;}
				
		#main {float: left; width: 560px; padding: 15px;}
		.main a, a:visited{ color:#FF0000; text-decoration: none;}
        .main a:hover{ text-decoration:underline;}
        .main textarea {width: 275px; height: 50px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #000; background: #fff;}
		
	#footer {margin: 10px 15px 20px 15px; padding-top: 1px; border-top: 1px solid #f00;}
		#footer-menu li {float: left; list-style: none; margin: 0 15px 0 0; padding: 0;}
			#footer-menu a, #footer-menu a:visited {color: #f00; text-decoration: none; text-transform: uppercase;}
			#footer-menu a:hover {text-decoration: underline;}
			#footer p {clear: left; padding-top: 10px; color: #666;}
				#footer p a {color: #666; font-weight: bold;}
			
/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}
.button {display: block; width: 170px; height: 30px; margin: 10px 0 10px 0; padding-left: 10px; color: #fff; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.5em; line-height: 20px; background-repeat:no-repeat; padding-top:10px;}

.button4 {display: block; width: 170px; height: 40px; margin: 10px 0 10px 0; padding-left: 10px; color: #fff; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.5em; line-height: 15px; padding-top:5px; background-repeat:no-repeat;}

.button1 {display: block; width: 224px; height: 27px; background: url(../images/buttons/compare.gif) no-repeat; color: #fff; font-size: 1.2em; line-height: 27px; text-transform: uppercase; text-align: center;}
.button2 {display: block; width: 70px; height: 23px; background: url(../images/buttons/button2.png) no-repeat; color: #fff; line-height: 23px; text-transform: uppercase; text-align: center;}
.button3 {display: block; overflow: hidden; width: 118px; height: 37px; background: url(../images/buttons/button3.png) no-repeat; text-indent: -10001px;}
.l {float: left;}
table.product-data {float: right; width: 200px;}
.smallText{
color:#000000;

}
.descr {margin: 0;}
.price {margin: 0; font-size: 2.3em;}
.price strong {color: #f00;}
.buy {margin: 0;}
.inputRequirement {font-size: 1.5em;}

/* unique stuff
------------------------------------------- */
#basket {height: 80px; padding-top: 10px; background-image: url(../images/buttons/basket.png); font-size: 1.6em; line-height: 1em;}
#catalogue {height: 45px; margin: -5px 0 -5px 0; background-image: url(../images/buttons/catalogue.png); line-height: 30px;}
#phone {height: 70px; margin: 5px 0 -11px 0; padding-top:5px; background-image: url(../images/buttons/catalogue1.png); line-height: 17px; font-size:1.5em; background-repeat:no-repeat;}
#contact {background-image: url(../images/buttons/contact.png);}
#customer-service {background-image: url(../images/buttons/customer-service.png); height:55px; background-repeat:no-repeat;}
#support {background-image: url(../images/buttons/support.png);}
#guarantee {background-image: url(../images/buttons/guarantee.png);}
#faq{background-image: url(../images/buttons/faq.png); height:55px; background-repeat:no-repeat;}
#testimonials {background-image: url(../images/buttons/testimonials.png);}
#safety-manual {width: 180px; height: 69px; padding-left: 0;}
#compressor-guide {width: 180px; height: 65px; background: url(../images/buttons/guide.png);}
	#compressor-guide a {margin-left: 10px; margin-top:-5px; color: #fff; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.2em; display:block; }
#compressor {width: 130px; margin-left: 10px; padding: 0; font-size: 0.9em;}


#sidebar h3 {margin: 0; color: #ff0; font-size: 1.2em; text-transform: uppercase;}

.opening-hrs {padding: 0 10px 0 10px; border: 1px solid #999; color: #000;}
	.opening-hrs strong {color: #000; font-size: 1.1em; text-transform: uppercase;} 
	
.products li { list-style: none; width: 100%; margin: 0 0 20px 0;}
.products li.left { margin-right: 15px;}
	.products li h4 {margin: 0 0 5px 0; padding: 0 10px 0 10px; background: #E9E9E9; color: #000; font-size: 1em; font-weight: bold;}
	.products li .product-pic {float: left; width: 100px; margin-right: 5px; }
		.product-pic img {border: 1px solid #000;}
		.product-pic a.more {display: block; margin: 5px 0 5px 0; background: #000; color: #fff; font-weight: bold; text-transform: uppercase; text-align: center;}
		
		a.visited {display: block; margin: 5px 0 5px 0; padding-left: 5px; background: #000; color: #fff; font-weight: bold; text-transform: uppercase;}
	.products li .product-data {float: left; width: 450px;}
		.product-data table {margin-bottom: 5px;}
		
		.faq_links{
		color:#FF0000;
		
		}
		.imgLink{
		float: left;
		margin-left: 25px;	
		clear:both;
		}
		
table {border-collapse: collapse; border: none; }
table.product-data tr {border-bottom: 1px solid #eee; color: #000;}
td.parameter {color: #000; font-weight: bold; }
td.value {text-transform: uppercase;}
table.products {width: 560px;}
table.products th {padding: 3px 5px 3px 5px; background:#E9E9E9; color: #000; font-size: 1em; font-weight: bold; text-align: left; }
table.products td {height: 30px; border-bottom:#333333 1px solid; padding:2px;}

.last td {border-bottom: none;}
td.product-photo {width: 120px; border-bottom: none; text-align: center; vertical-align: top;}
.product-photo img {margin: 10px; border: 1px solid #000;}
td.buy-form {width: 130px;}
	.buy-form select, .buy-form button {vertical-align: middle;}
table .button2 {display: inline; margin-left: 5px; vertical-align: middle;}



.productListing-heading{
padding: 3px 5px 3px 5px; background: #ccc; color: #000; font-size: 1em; font-weight: bold; text-align: left;}

td .productListing-data{
padding:10px;
border-bottom: 1px dotted #333333;
}

td .productListing-image{
padding:10px;

}


td, th {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;

}
td {

}

th {
border:none;
}


tr {
text-align:left;
}

.grey {
background-color:#E9E9E9;
}

fieldset {border: none; }
legend {border: none; font-weight: bold; }
label {display: block; float: left; clear: left; width: 150px; margin: 5px;}
input { margin: 5px;}
input.chk, input.radio {width: auto; border: none;}
textarea {width: 500px; height: 200px; margin: 5px 0 5px 5px; padding: 2px; border: 1px solid #999; background: #fff;}
/*select {width: 275px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #000; background: #fff;}*/

.captcha{
margin-left:5px;
}

em{
font-weight:bold;
margin-left:10px;
}

.smallText{
margin-left:10px;
}

.sidetel{
font-size:2em;
color:#FFFFFF;
}

#sidebar form {float: left; margin-bottom:15px;}
		#sidebar form label {width: 60px; color: #fff; font-weight: bold; font-size: 1.2em;}
		#sidebar form input {width: 140px; margin: 2px 0 0 0; padding: 1px 3px 1px 3px; border: none; vertical-align: middle;}

#sidebar form button {width: 33px; height: 18px; margin-left:5px; border: none; background: url(../images/go_blue.gif) no-repeat; color: #000; font-weight: bold; font-size: 1.1em; line-height: 18px; text-align: center; text-transform: uppercase; vertical-align: middle;}


#footer-logo{
margin-left:-210px;
float:left;
}
p.compare {margin-top: 0; margin-bottom: 30px;}

ul.pagination {float: right; height: 20px;}
	ul.pagination li {font-size:14px; float: left; list-style: none; margin: 0 3px 0 3px;}
	ul.pagination a, ul.pagination a:visited {color: #f00; text-decoration: underline;}
	ul.pagination a:hover {text-decoration: none;}
	
#mark_basket input { width: 25px;  }
.wfif { width:50%; }
.messageStackError { font-weight: bold; color: #FF0000; }


/*CASE 9509 FREE CARRIAGE IN HEADER*/
.free-carriage{margin-left:300px; width:300px; font-size:24px; text-align:center;color: #FF0000;}