/* CSS Document */

body{
	margin:0px;
	padding:0px;
	background-image:url(../images/body_bg.jpg);
	background-repeat:repeat;
	background-position:center top;
}
#wrapper{
	width:980px;
	margin:0px auto;	
	background-image:url(../images/background.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
#logoSec{
	height:139px;
	float:left;
	width:980px;
}

.logo{
	width:246px;
	float:left;
	height:119px;
	margin-top:10px;
}
.phoneSec{
	width:700px;
	float:right;
	margin-left:30px;
}
.languageSec{
	float:right;
	clear:right;
	padding:20px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#663333;
	font-weight:bold;
	vertical-align:top;
}
.eng{
	margin:0px 0px 0px 0px;
	float:left;
}
.engTxt{
	margin:5px 5px 0px 5px;
	float:left;
}
.french{
	margin:0px 0px 0px 0px;
	float:left;
}
.frenchTxt{
	margin:5px 5px 0px 5px;
	float:left;
}
.phone{
	float:right;
	clear:right;
	padding:35px 0px 0px 0px;
}

#menu{
	float:left;
	width:980px;
	height:64px;
	background-image:url(../images/nav_bg.jpg);
	background-repeat:no-repeat;
}
.homeBtn{
	width:160px;
	float:left;
	text-align:right;
}

.nav{
	width:820px;
	float:left;
}
.nav ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.nav ul li{
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
.nav ul li a{
	list-style:none;
	padding:15px 20px 0px 20px;
	margin:0px 0px 0px 0px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	background-image:url(../images/nav_divider.jpg);
	background-repeat:no-repeat;
	background-position:right 5px;
}
.nav ul li a:hover{
	list-style:none;
	padding:15px 20px 0px 20px;
	margin:0px 0px 0px 0px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999999;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}

.nav1{
	width:820px;
	float:left;
}
.nav1 ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.nav1 ul li{
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
.nav1 ul li a{
	list-style:none;
	padding:15px 15px 0px 15px;
	margin:0px 0px 0px 0px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	background-image:url(../images/nav_divider.jpg);
	background-repeat:no-repeat;
	background-position:right 5px;
}
.nav1 ul li a:hover{
	list-style:none;
	padding:15px 15px 0px 15px;
	margin:0px 0px 0px 0px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999999;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
#header{
	width:980px;
	float:left;
	height:319px;
}
#mainContainer{
	width:980px;
	float:left;
}
#topContainer{
	width:980px;
	background-image:url(../images/featured_bg.jpg);
	background-repeat:no-repeat;
	height:208px;
}
#topContainer1{
	width:980px;
	background-image:url(../images/featured_bg_french.jpg);
	background-repeat:no-repeat;
	height:208px;
}
#midContainer{
	width:978px;
	float:left;
	border:1px solid #e5dfce;
	background-image:url(../images/container_bg.jpg);
	margin-top:15px;
	padding-bottom:10px;
}
.container{
	margin:10px;
	background-color:#FFFFFF;
	float:left;
	width:958px;
}
.container h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#663333;
	font-size:28px;
	font-weight:normal;
	text-decoration:none;
	padding:20px 0px 0px 0px;
	margin:0px 20px 0px 20px;
	border-bottom: 2px solid #e6e1d3;
}

.container h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#663333;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	padding:20px 0px 0px 0px;
	margin:0px 20px 0px 20px;
}

.container p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	font-weight:normal;
	text-decoration:none;
	line-height:20px;
	padding:0px 20px 0px 20px;
}
.container p span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#dd0000;
	font-weight:normal;
	text-decoration:underline;
	line-height:20px;
}
.container ul{
	margin:8px 0px 0px 40px;
	padding:0px;
}
.container ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	font-weight:normal;
	text-decoration:none;
	line-height:20px;
	padding:0px 2px 8px 2px;

}
.container img{
	border:solid 1px #f2efe6;
	float:left;
	margin-right:25px;
}

.inkCartridges{
	width:290px;
	float:left;
	padding:90px 10px 0px 10px;
	margin:0px 0px 0px 10px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#3b3b3b;
	line-height:20px;
}
.inkCartridges span a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#db1e26;
	line-height:20px;
	text-decoration:underline;
}
.inkCartridges span a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#db1e26;
	line-height:20px;
	text-decoration:none;
}
.callCenter{
	width:300px;
	float:left;
	padding:90px 10px 0px 10px;
	margin:0px 0px 0px 10px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#3b3b3b;
	line-height:20px;
}
.callCenter span a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#db1e26;
	line-height:20px;
	text-decoration:underline;
}
.callCenter span a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#db1e26;
	line-height:20px;
	text-decoration:none;
}
.toners{
	width:295px;
	float:left;
	padding:90px 8px 0px 10px;
	margin:0px 0px 0px 10px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#3b3b3b;
	line-height:20px;
}
.toners span a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#db1e26;
	line-height:20px;
	text-decoration:underline;
}
.toners span a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#db1e26;
	line-height:20px;
	text-decoration:none;
}

.productLogo{
	width:930px;
	padding:0px 0px 20px 20px;
	float:left;
}
.productLogo1 img{
	float:left;
	padding:1px;
	border:1px solid #999999;
}

#footer{
	width:980px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	background-color:#272626;
}
.footerLeft{
	width:400px;
	float:left;
	padding:10px 0px 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
}
.footerLeft a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
}
.footerLeft a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:underline;
}

.footerRight{
	width:400px;
	float:right;
	padding:20px 10px 20px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	text-align:right;
}
.footerRight ul{
	list-style:none;
	margin:0px 0px 0px 190px;
	padding:0px 0px 0px 0px;
	text-align:right;
}
.footerRight ul li{
	float:left;
	padding:0px 3px 0px 3px;
	margin:0px 0px 10px 0px;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	text-align:right;
}
.footerRight ul li a{
	float:left;
	padding:0px 3px 0px 3px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	text-align:right;
	color:#FFFFFF;
}
.footerRight ul li a:hover{
	float:left;
	padding:0px 3px 0px 3px;
	margin:0px 0px 0px 0px;
	text-decoration:underline;
	text-align:right;
}
.footerRight ul li >Last Child{
	float:left;
	padding:0px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	border-right:none;
	text-align:right;
}

.contForm{
	background-color:#00CC99;
	margin-left:20px;
	margin-right:230px;
}


/*slider*/
.items {display:none;}	
.slider {
	width:980px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	height:302px;
	background:url(../images/banner_bg_tail.png) 0 0 repeat;
	}	
.slider li{
	list-style:none;
}	
.slider .banner {
	position:absolute;
	bottom:0;
	left:0;
	color:#888888;
	height:108px;
	padding-top:30px;
	padding:30px 100px 0 40px;
	z-index:10 !important;
	line-height:18px;
	}	
.slider .banner strong {
	display:block;
	font-size:26px;
	text-transform:uppercase;
	color:#191919;
	line-height:1.2em;
	font-weight:500;
	letter-spacing:-1px;
	margin-bottom:6px;
	}	
.slider .banner a {
	display:inline-block;
	font-weight:bold;
	color:#000;
	background:url(../images/dropdown_marker.gif) right 7px no-repeat;
	padding:0 7px 0 4px;
	text-decoration:none;
	}	
.slider .banner a:hover {
	color:#888888;
	}	
.slider .pagination {
	position:absolute;
	top:250px;
	right:30px;
	overflow:hidden;
	z-index:99 !important;
	}	
.slider .pagination li {
	float:left;
	margin-left:10px;
	}	
.slider .pagination li:first-child {margin:0;}
.slider .pagination li a {
	display:inline-block;
	width:20px;
	height:19px;
	background:url(../images/pagination_bg.png) right 0 no-repeat;
	}
.pagination li a:hover, .pagination li.current a {background-position:0 0;}
.slider .button_prev, .slider .button_next {
	position:absolute;
	left:50%;
	margin-left:-34px;
	display:inline-block;
	width:69px;
	height:39px;
	background:url(../images/buttons_bg.png) 0 0 no-repeat;
	z-index:50;
	}
.slider .button_prev {
	background-position: right bottom;
	top:423px;
}	
.slider .button_next {
	background-position:right 0;
	}
.slider .button_prev:hover {background-position:left bottom;}
.slider .button_next:hover {background-position:left 0;}