@charset "utf-8";
/* 
	stylesheet.css
	
	Project: NAIT ITLS
	
*/



/*------ global ------*/ 
* {margin:0; padding:0;}

body{width:100%;}

.full{width:100%; display:block;}
.fixed{width:1000px; display:block; margin:auto;}

.f_right{float:right; display:block;}
.f_left{float:left; display:block;}



/*------ clearFix ------ */
.clearFix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearFix { display: inline-block; }
html[xmlns] .clearFix { display: block; }
* html .clearFix { height: 1%; }


/*------ body content ------*/
#wrapper{}
#topBar{height:120px; border-bottom:2px solid #004b8d;}
#topBar img{padding-top:10px;}
.topLine{margin:0; padding:50px 20px 0 0; line-height:14px;}

#navWrap{background:#004b8d; border-top:1px solid #fff; border-bottom:1px solid #fff;}

#mastHead{position:relative; border-top:2px solid #004b8d; border-bottom:1px solid #fff; height:200px; background:#222; overflow:hidden; text-align:center;}
#mastHead .overlay{display:block; position:absolute; z-index:2; top:0; left:0; width:100%; height:200px; background:url(../images/overlay.png);}
#mastHead img{position:relative; z-index:1;}

#mainContent{border-top:2px solid #004b8d;}
#leftCol{width:700px; padding:30px;}
#rightCol{width:210px; padding:30px 20px 30px 0; font-size:11px; line-height:16px;}

#promo1{padding:20px; color:#fff; background:#004b8d; margin-bottom:10px;}
#promo2{padding:20px; color:#222; background:#ffe479; margin-bottom:10px;}
/*#promo3{padding:20px; color:#666; background:#ffffff; margin-bottom:0px;}
#promo3 h2{margin:0;}
#promo3 table{border-top:1px solid #bbb;}
#promo3 table td{padding:5px 0;}
#promo3 span{line-height:10px;}*/
#promo3{padding:20px; color:#fff; background:#004b8d; margin-bottom:0px;}
#promo3 table{border-top:1px solid #bbb;}
#promo3 table td{padding:5px 0;}
#promo3 span, #promo3 b{line-height:10px; color:#bbb; font-weight:bold;}
#promo3 a{color:#fff;}
#promo3 a:hover{color:#ffe479;}

/* login */
.toolbar{line-height:24px; padding-left:14px; font-size:11px; background:url(../images/icon_user.jpg) 0 5px no-repeat;}

/* forms */
.input, .textarea{width:208px; height:13px; border:1px solid #bbb; padding:5px; margin-bottom:1px; font-family:Helvetica, Arial, sans-serif; color:#666; font-size:12px;}
.textarea{width:340px; height:100px;}
.select{width:208px; height:19px; border:1px solid #bbb; margin-bottom:1px; font-family:Helvetica, Arial, sans-serif; color:#666; font-size:12px;}
.submit{background:#111; padding:2px; border:0; font-size:10px; color:#fff; font-weight:normal; text-decoration:none !important; cursor:pointer; text-transform:uppercase;}
.submit:hover{color:#ffe479;}
a.submit{color:#666;}
label{display:block; float:left; width:120px; line-height:25px; font-weight:bold;}
.error{color:#df251f;}
.success{background:#a6da7e; padding:5px; margin-bottom:20px;}

/* documents */
table.docs{width:100%; border-top:1px solid #bbb; margin-bottom:30px;}
table.docs td{font-size:11px; color:#666; padding:5px;}

/* store */
div.menu{display:block; border:1px solid #bbb; font-size:11px; padding:15px; margin:0 0 15px 0;}
div.menu a{display:block; float:left; margin:0 30px 3px 0;}
table.display{width:330px; height:125px; font-size:11px; border-bottom:1px solid #bbb; margin:0 10px 15px 10px;}
table.display td{padding:0 0 15px 0;}
table.display h5{margin-bottom:0;}
table.display p{padding:0 0 5px 0;}
span.bcrumb a{font-size:9px; color:#666;}

.quantityForm{border:1px solid #bbb; padding:10px 10px 6px;}
#cartTable{border:1px solid #bbb;}

/* slideshow */
.slideshow {height:200px; width:100%; margin:auto; text-align:center;}
.slideshow div{width:100% !important; height:200px !important; background-position:top center; background-repeat:no-repeat; background-color:#222;}


/*------ footer ------ */
#footerBar{width:960px; margin:0 auto; border:1px solid #bbb; color:#999; font-family:"Hoefler Text", Times, serif; font-size:14px;}
#footerBar b{color:#222; font-weight:bold;}
#footerWrap{background:#ddd; border:1px solid #fff; padding:15px 15px 12px;}

#footer{width:930px; margin:0 auto; padding:15px 15px 80px; font-size:11px; color:#666;}
#footer a{color:#666; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer p.f_right{text-align:right;}