/* -------------------------------------------
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: 1px 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: 14pt; font-weight: bold; color:#2C2BF1;}
	#logo {display: none;} 
	#logoforprint {display:block; }
	#menubar {display:none;}
		
		
#mainmenu {display:none;}
			
	#content {overflow: hidden; width: 1000px;}
		 #sidebar {display:none;}
		
		
			
			
		#maincol {float: none; width: 790px;}
		#buttons {display:none;}
			
				
		#main {float: left; width: 560px; padding: 15px;}
		.main a, a:visited{ color:#FF0000; text-decoration: none;}
        .main a:hover{ text-decoration:underline;}
		
	#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: 84px; height: 27px; background: url(../images/buttons/button1.png) 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; color: #fff; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.5em;}
#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;
		
		}
		
		
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: 270px; height: 50px; 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{
display:none;
}
p.compare {margin-top: 0; margin-bottom: 30px;}

ul.pagination {float: right; height: 20px;}
	ul.pagination li {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; }