/*
CSS for FluidServiceTech.com
*/


body {
  background-color: #d5d5d5;
  font-family: /*"Myriad Pro",*/ Arial, sans-serif;
  padding: 0;
  
  color: #000000;
  font-size: 16px;
  margin-top: 0px;
}

a:link {font-weight:bold; text-decoration: none; color: #000000;}
a:visited {font-weight:bold; text-decoration: none; color: #000000;}
a:active {font-weight:bold; text-decoration: none; color: #000000;}
a:hover {font-weight:bold; text-decoration: underline; color: #0190ae;}




h1 {
  line-height: 100%;
}

h2 {
font-size: 20px;
padding-top: 5px;
}

h3 {
font-size: 16px;
padding-top: 12px;
border-bottom: 1px solid #a01b41;
}

.features ul {width: 300px;  /* room for 3 columns */

}

.features  li{  float: left;
  width: 150px;  /* accommodate the widest item */
}



#main {
  background-position: center;
  line-height: 125%;
  width: 996px;
  margin:0 auto;
  text-align:center;
  background-color: #ffffff;

}

#content {
  background-position: center;
  line-height: 125%;
  width: 850px;
  margin:0 auto;
  text-align:center;
  padding: 20px;
}

#call {
  line-height: 125%;
  text-align:right;
  width: 99%;
  font-size: 18px;
  color: #bb2628;
}

#call a:link {font-weight:normal; color: #bb2628;}      /* unvisited link */
#call a:visited {font-weight:normal; color: #bb2628;}  /* visited link */
#call a:hover {font-weight:normal; color: #bb2628;}  /* mouse over link */
#call a:active {font-weight:normal; color: #bb2628;}  /* selected link */



/* Navigation */
#header {
  line-height: 125%;
  width: 100%;
  padding-top: 30px;
}

#header ul {
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;

}

#header li {
float:right;
}

#header a {
display:block;
width:100px;
} 


.seperator {
background-image:url('images/seperator.jpg');
background-repeat:repeat-x;
}

#logo {
position: absolute;
padding-left: 5px;
padding-top: 8px;
}


 /* Primary area on homepage */
 
#primary {
  line-height: 100%;
  text-align:left;
  width: 89%;
  padding-left: 60px;
  height: 320px;
} 

#primary img {
	float: right;
}

#primary p {
width: 60%;
font-size: 14px;
}

 /* Secondary area on homepage */

#background {
  width: 100%;
  background:#e5e5e5 url('images/mid-vertical-gradient.jpg') repeat-x;
  padding-left: 15px;
  padding-bottom: 50px;
}
 
#secondary {
  line-height: 110%;
  text-align:left;
  font-size:14px;
  height: 250px;
 
}

#secondary p {
width: 90%;
}

#secondarya {
  line-height: 100%;
  text-align:left;
  width: 33%;
  float: left;
}

#secondarya h2{
color: a01b41;
}


#secondaryb {
  line-height: 100%;
  text-align:left;
  width: 33%;
float: left;
 }

#secondaryc {
  line-height: 100%;
  text-align:left;
  width: 33%;
float: left;
}


#tertiary {
width: 95%;
  line-height: 100%;
  text-align:left;
}



.clear { clear: both }


a.bluebutton {
display:inline;
line-height: 150%;
color: #ffffff;
background-color: #068ba9;
padding: 5px;
text-decoration: none;
opacity: 0.8;

} 

a.redbutton {
display:inline;
line-height: 150%;
color: #ffffff;
background-color: #a01b41;
padding: 5px;
text-decoration: none;
opacity: 0.8;
} 

a.goldbutton {
display:inline;
line-height: 150%;
color: #ffffff;
background-color: #e6db2f;
padding: 5px;
text-decoration: none;
opacity: 0.8;
} 

a.greenbutton {
display:inline;
line-height: 150%;
color: #ffffff;
background-color: #40d322;
padding: 5px;
text-decoration: none;
opacity: 0.8;
} 

.part .redbutton {
float:right; 
padding: 5px;
}

.part .goldbutton {
margin-left: 250px; 
padding: 5px;
}

p.price {
line-height: 150%;
color: #B80000;
font-weight: bold;
font-size: 16px;
} 

table.accessories {
width: 100%;
}

#specs {
font-size: 16px;
padding: 15px;
font-weight: bold;
line-height: 200%;
background-color: #dea5b4;
-moz-border-radius: 2px;
border-radius: 2px; 
}

.manual p{
font-size: 18px;

}


#primary-bg {
font-size: 14px;
line-height: 150%;
}

#secondarynav {
  text-align:left;
  width: 25%;
  margin-left: -25px;
}

#secondarynav ul{
list-style-type: none;
margin-left: -30px;
}

#article{
  text-align:left;
  width: 75%;
  float: right;
padding-left: 15px;
border-left-style:solid;
border-width: 1px;
border-color:#9e9e9e;

}

.manual-image {
padding: 15px;
padding-top: 0px;
}

.product {
width: 95%;
padding: 10px;
border-style:solid;
border-width: 1px;
border-color:#9e9e9e;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
margin-bottom: 20px;
}

.product img {
width: 150px;
float: left;
}

.part {
width: 96%;
padding-top: 7px;
padding-right: 15px;
padding-left: 7px;
padding-bottom: 0px;
border-style:solid;
border-width: 1px;
border-color:#9e9e9e;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 6px 6px 3px #888;
-webkit-box-shadow: 6px 6px 3px #888;
box-shadow: 6px 6px 3px #888;
margin-bottom: 12px;
}


.listleft
{
float:left ;
}

.listright
{
float:right ;
}



.part img {
width: 250px;
float: left;
}

.column2 {

width: 300px;
padding: 10px;
}


.column4{
width: 200px;
 text-align: center;
}


.accessory {
width: 96%;
padding-top: 7px;
padding-right: 15px;
padding-left: 7px;
padding-bottom: 0px;
border-style:solid;
border-width: 1px;
border-color:#9e9e9e;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 6px 6px 3px #888;
-webkit-box-shadow: 6px 6px 3px #888;
box-shadow: 6px 6px 3px #888;
margin-bottom: 12px;
}

.accessory img {
width: 200px;
float: left;
}

/*FOOTER*/

#form {
text-align:left;
}

.input {
font-size: 14px;
font-family: "Myriad Pro", Helvetica, Arial, sans-serif;

}

#footerright {
float: right;
text-align: right;
padding-right: 50px;
margin-top: -250px;
}

#bottom {
background-color: #9e9e9e;
width: 835px;
padding: 15px;
font-size: 14px;
}

#map {
float: right;
width: 315px;
}

a.active {font-weight:bold; text-decoration: underline; color: #0190ae;}