/* 
-> IFS Stylesheet
-> Author: Alexis van der Merwe
-> Company: ADesign CC. 
-> URL: http://www.ifs.co.za/
*/

/* BEGIN STANDARD ELEMENTS */

body{
margin: 0;
padding: 0;
text-align: center;
background: #eee;
font-size: 12px;
font-family: Verdana, Tahoma, Arial, sans-serif;
}

h1{display: none;}
h2{font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12pt; color: #958EAD; margin-top: 5px;}
h3{font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10pt; color: #003366; margin-top: 5px;}

hr{
clear:both;
background: #fff url(../images/hr.jpg) no-repeat center bottom;
margin: 0px auto;
height: 1px;
border: 0 none;
}

img{padding: 5px;}
img.alignleft{ float:left;}
img.alignright{ float:right;}

.alignleft{float:left;}
.alignright{float:right;}
/* END STANDARD ELEMENTS */

table#quoteForm{
font-size: small;
}

/* ================================================================================================= */

/* BEGIN LAYOUT ELEMENTS */

/* --- Begin Main Container & Wrapper --- */
#container{
margin: 0 auto;
width: 780px;
text-align:left;
}

#wrapper{
float:left;
width: 780px;
background: url(../images/content-tile.jpg) repeat-y;
}
/* --- End Main Container & Wrapper --- */

/* --- Begin Left Column --- */
#left-col{
float: left;
width: 170px;
margin-left: 25px;
}

#menu{
float: left;
width: 170px;
}
/* --- End Left Column --- */

/* --- Begin Right Column --- */
#right-col{
float:left;
width: 550px;
}

#content{
float:left;
width: 520px;
margin-left: 20px;
}

#content-left{
float:left;
width: 350px;
}

#content-right{
float:right;
width: 160px;
}

.sub-col{
float:left;
width: 250px;
margin-bottom: 30px;
padding-bottom: 15px;
}
/* --- End  Right Column --- */

/* --- Begin Header & Footer --- */
#head{
width: 780px;
height: 131px;
background: url(../images/header.jpg) no-repeat;
}

#foot{
float: left;
width: 780px;
height: 42px;
background: url(../images/footer.jpg) no-repeat;
}

#foot span{
float:right;
font-size: 8pt;
color: #fff;
margin: 20px 25px 0 0;
}

/* --- End Begin Header & Footer --- */
/* END LAYOUT ELEMENTS */

/* ================================================================================================= */

/* BEGIN INNER ELEMENTS & FORMATTING */

.shim{
clear:both;
float:left;
width: 100%;
height: 30px;
}

/* --- Begin Menu --- */
#menu{
font-family: Verdana, Tahoma, Sans-serif;
font-size: 8pt;
font-weight: bold;
margin-top: -2px;
}

#menu a, #menu a:visited{color: #fff; text-decoration: none;}

#menu a{
float:left;
width: 160px;
height: 20px;
padding-top: 4px;
padding-left: 10px;
background: url(../images/link-bg.jpg) no-repeat;
}

#menu a:hover, #menu a.current{
color: #000;
background: url(../images/link-bg-hover.jpg) no-repeat;
}

/* --- End Menu --- */

/* --- Begin Contact Form --- */
#contact-form{
float:left;
width: 170px;
color: #fff;
font-size: 8pt;
line-height: 18px;
}

#form-head{
margin-top: 20px;
width: 170px;
height: 21px;
padding-top: 2px;
background: url(../images/form-head.jpg) no-repeat;
font-size: 8pt;
font-weight: bold;
text-align: center;
}

#contact-form form{
margin-left: 5px;
}

#contact-form textarea{
width: 152px;
height: 60px;
border:0;
background: #D9D6E1;
}

#contact-form input{
width: 132px;
border:0;
background: #D9D6E1;
}

#contact-form input.send-button{
font-size: 8pt;
width: 50px;
height: 17px;
margin-top: 6px;
background: #98B2CB;
color: #fff;
font-weight: bold;
border: 1px solid #666666;
padding-bottom: 2px;
}

.red{
font-weight: bold;
color: #990000;
}

/* --- End Contact Form --- */

/* --- Begin Content Area --- */
#right-col{
font-family: Arial;
font-size: 9pt;
}

#supplier-images{
float:right;
width: 175px;
margin-right: 20px;
}

#content-left img, #content-right img{
padding: 0;
}

.case-thumbs{
margin: 5px 0 0 22px;
}

.case-caption{
clear: left;
}


a, a:link, a:visited{color: #003366;}
a:hover{color: #958EAD; text-decoration:none;}

.b2t:link, .b2t:visited, .b2t:active{float:right; color:color: #003366; font-size: 7pt; font-weight: bold; text-decoration:none;}
.b2t:hover{color: #958EAD;}

.sub-col a.link-more, .sub-col a.link-more:visited{
float:right;
padding: 10px;
color: #857F9B;
text-decoration: underline;
font-weight: bold;
}
.sub-col a.link-more:hover{color: #000; text-decoration: none;}

span.blue{color: #003366;}
span.small{color: #003366; font-size: 7pt; font-weight:bold;}


.contact-link, .contact-link a:link, .contact-link a:visited{
clear:left;
float:left;
padding: 0px 0 5px 20px;
color: #003366;
background: url(../images/arrow.gif) no-repeat;
}

/* --- End Content Area --- */
/* END INNER ELEMENTS & FORMATTING */

/* ================================================================================================= */

#form-head{
width: 170px; 
height: 23px; 
padding-top: 1px;
}