@charset "utf-8";
/* CSS Document 
Body defines the minimum size of the window to function well, and sets the font site-wide. */
body {
background-color: #000000;
text-align: center;
font-family: Calibri, "Times New Roman", Times, sans-serif;
color: #cacaca;
font-size: 12pt;
margin: 0px 0px 0px 0px;
min-height: 500px;
min-width: 1000px;
}
/* The 'Luney Tunes' header in the titlebar of every page. */
h1 {
display: inline;
color: #ffffff;
font-size: 20pt;
padding: 0px 40px 0px 0px;
margin: 0px 0px 0px 0px;
}
/* The small white line between h1 and 'Performance and Tuning..' etc.
Keeps the line in the right place. */
.lineImg {
position: relative;
top: 7px;
}
/* 'Performance and Tuning..' in the titlebar. */
h3 {
display: inline;
font-size: 14pt;
padding: 0px 0px 0px 40px;
margin: 0px 0px 0px 0px;
}
/* The individual page header, found just below the titlebar. */
h4 {
font-size: 14pt;
font-weight: bold;
}
/* Self-explanatory. */
.titleBar {
background-image: url(Images/greyGrTop.jpg);
background-position: bottom;
background-repeat: repeat-x;
border-bottom: solid #cacaca 2px;
padding: 20px 0px 25px 0px;
margin: 0px 0px 0px 0px;
}
/* The red gradient below the titlebar */
.top {
background-image: url(Images/redGrTop.jpg);
background-position: top;
background-repeat: repeat-x;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
/* The Div governing the whole body section. 
Auto-values are not necessary but you can never be too sure. Stupid browsers.*/
.mainBody {
text-align: left;
margin-left: auto;
margin-right: auto;
height: auto;
}
/* Leftmost cell normally containing Image */
.imageCell {
padding-right: 30px;
margin: 0px 0px 0px 0px;
}
/* Middle cell containing white line.
I find constantly defining margins prevents browsers from doing their own thing and going AWOL so often.
Stupid browsers. */
.breakerCell {
margin: 0px 0px 0px 0px;
}
/* Rightmost cell containing text. */
.textCell {
padding-left: 30px;
padding-right: 30px;
width: 300px;
margin: 0px 0px 0px 0px;
}
/* The red gradient above the navbar */
.bottom {
background-image: url(Images/redGrBottom.jpg);
background-position: bottom;
background-repeat: repeat-x;
padding: 10px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}
/* The navbar... bar */
.navBar {
background-image: url(Images/greyGrBottom.jpg);
background-position: top;
background-repeat: repeat-x;
border-top: solid #cacaca 2px;
margin: 0px 0px 0px 0px;
}
/* The navbar itself. Auto margin properties keep the whole thing centred. */
.navTable {
margin-left: auto;
margin-right: auto;
}
/* Precise height and width attributes make sure the button.jpg displays correctly.
Oddly enough these values are actually smaller than the real image dimensions. Stupid browsers. */
.navTable td {
font-size: 11pt;
text-align: center;
width: 117px;
height: 38px;
background-image:url(Images/button.jpg);
}
/* The copyright text. */
.footerText {
font-size: 8pt;
padding: 20px 0px 0px 0px;
}
/* Keeps the links pretty. */
a:link { 
color: #cacaca;
text-decoration: none;
}
a:visited { 
color: #cacaca;
text-decoration: none;
}
a:hover { 
color: #ffffff;
text-decoration: none;
}
a:active { 
color: #cacaca;
text-decoration: none;
}
/* Governs the positioning of the inPhase logo in 'ice.html'. */
#inPhase {
padding: 8px 80px 5px 80px;
border: none;
margin: 0px 0px 0px 0px;
}
/* Used to over-ride the 'justify' value of the body table in 'ice.html'. */
.centered {
text-align: center;
margin: 0px 0px 0px 0px;
}
/* Used to make the phone number stand out in 'contact.html'. */
#orderLine {
font-size: 14pt;
color: #ffffff;
font-weight: bold;
text-align: center;
}
/* Positions and highlights the lower text in 'performance.html'. */
.centerBold {
font-size: 12pt;
color: #ffffff;
text-align: center;
}
/* Changes the colour of the 'strong' tag, used just above the navbar on all pages.
Could have used a 'p' tag and then set up a new inline css style, but couldn't be bothered. */
.white {
color: #ffffff;
}