/*
 * css by ezoulou, 20091110 :-) 
 */ /* 
 * basic content styles 
 *  */
body {
	color: #535d6c;
	font-family: Verdana, sans-serif;
	font-size: 70%;
}

a {
	color: #009cc3;
	text-decoration: none;
}


a:hover {
	text-decoration: underline;
}
a img {
border:0;
}

h1 {
	font-size:190%;
	font-weight:normal;
	letter-spacing:-1px;
	margin-bottom:0;
}
h2 {
	color:#535d6c;
	font-weight:normal;
	letter-spacing:-1px;
}
h2 a {
	color:#e01a22;
}
ul, ol {
	padding-left:14px;	
}
ul {
	list-style:square;
}
p,li {
	line-height: 140%;
}

li {
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}


textarea,input {
	color: #535d6c;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 120%;
}

.hidden {
	display: none;
}
.spacer {
clear:both;
}

/*
 * content stuff
 */
#content h2 {
	background: transparent url(../images/h2.png) no-repeat 0 0.3em;
	margin-left:-10px;
	padding-left:30px;	
}

a .popUpMarker {
	background: transparent url(../images/popUpMarker-yellow.png) no-repeat
		50% 50%;
	padding: 15px;
}

a.pdf,
#wrapper #content a.pdf { 
	background: transparent url(../images/logoPDF.png) no-repeat 0 0;
	color:#535d6c;	
	display:inline-block;
	font-size:130%;
	font-weight:bold;
	margin-top:1.5em;
	padding:27px 0 7px 55px;
}
a.pdf .popUpMarker {
	display:none; 
}



.image.left {
	float: left;
	margin: 0 1em 1em 0;
}

.image.right {
	float: right;
	margin: 0 0 1em 1em;
}
.image.middle {
	display:block;
	text-align:center;
	width:100%;
}
.image.bottom {
	bottom:-0.5em;
	position:relative;
}
/* legend, only for floating iamges, not for inline */
.image em {
	display:none;
}

.image.left em,
.image.right em {
	background-color: #535d6c;
	color:white;
	display: block;
	padding:1px 5px;
}

fieldset.column,
div.column {
	float: left;
	margin-right: 6%;
	position:relative;
	width: 47%;
}
div.column.third {
	width: 28%;
}
div.column.last {
	margin-right: 0;
}

fieldset.column:after,
div.column:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}


/* subpages list */
body.subpages-list #content h2 {
	clear:both;	
}
div.subpages-list .image {
	position:relative;
	z-index:60;
}
body.subpages-list #content p.selected, 
div.subpages-list .selected {
	color:black;
}

/* simple */
div.subpages-list ul {
	margin:0;
	padding:0;
}
div.subpages-list li {
	float:left;
	font-size:130%;
	list-style:none;
	margin:0 5% 0 0;
	position:relative;
}
div.subpages-list li .image {
	display:block;
	min-height:90px;
}
div.subpages-list li .image em {
	background-color:transparent;
	color:#535D6C;
	display:block;
	font-size:70%;
	text-align:center;
}
/* with desc */
div.subpages-list .item {
	position:relative;
}
div.subpages-list .item:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div.subpages-list .item p {
	font-size:12
	0%;
}
div.subpages-list .item .image {
	float:left;
	margin-right:1em;
}
div.subpages-list .item .image em {
	display:none;
}
/* hat, chapeau */
fieldset.hat,
div.hat {
	font-size:130%;
	letter-spacing:-1px;
	line-height:110%;
	margin-bottom:2em;
}
div.hat .image em {
	display:none;
}



/* 
 * admin sytles
 */ /* widgets */
fieldset {
	border: 0;
	outline: #999 2px solid;
	padding: 1em;
}

fieldset.column {
	outline-color: yellow;
	width: 42%;
}

fieldset.column:before {
	content: "column";
	color: yellow;
}

fieldset.form {
	outline-color: red;
}

fieldset.form:before {
	content: "form";
	color: red;
}

fieldset.formStep {
	outline-color: #ffa500;
}

fieldset.formStep:before {
	content: "formStep";
	color: #ffa500;
}

fieldset.formItem:before {
	content: "formItem";
}
fieldset.subpages-list:before {
	content: "subpages-list";
}

fieldset.hat {
	outline-color: #ccc;
	outline-width:4px;
}
fieldset.hat:before {
	content: "chapeau";
}
fieldset.printer-functions {
	outline-color: purple;
}
fieldset.printer-functions:before {
	content: "printer-functions	";
}


/*
 * pages structure
 */
html, 
body {
	margin: 0;
	padding: 0;
	height: 100%;
}

#body {
	background: white url(../images/page-shadow-bg.png) repeat-y 50% 0;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	min-height: 100%; 
	position : relative;
}


#wrapper {
	background: white;
	margin: 0 auto;
	position : relative;
	width: 964px;
}

#header {
	background: transparent url(../images/bg-header.png) repeat-x 50% 0;
	height: 78px;
	position: relative;
	width: 964px;
	z-index: 80;
}

#header h1 {
/*	background: transparent url(../images/logo-copytec.png) no-repeat 20px
		25px;*/
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	width: 250px;
	z-index: 85;
}

#header h1 a {
	display: block;
	height: 100%;
	left:0;
	position: absolute;
	outline: 0;
	width: 100%;
	z-index:90;
}
#header h1 img {
	margin:25px 0 0 14px;
}
#header h2 {
	background: transparent url(../images/canon-partner.png) no-repeat 10px
		16px;
	height: 100%;
	left: 270px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-indent: -10000px;
	top: 0;
	width: 160px;
	z-index: 50;
}
#header #search {
	left:436px;
	position:absolute;
	top:32px;
	z-index:80;
}
#search {
	background: transparent url(../images/search-bg.png) no-repeat 0 50%;
}
#search p {
	margin:0;
}
#search input {
	border:0;
	background:none;
	padding:4px;
}
#search input.text {
	padding-left:8px;
	width:116px;
}
#search input.button {
	color:white;
	cursor:pointer;
}
.family-search #search input.button {
	padding:0;
}
#header #utils {
	color: #535d6c;
	font-size:110%;
	position:absolute;
	right:20px;
	text-align:right;
	top:37px;
}
#header #utils a {
	color: #535d6c;
}
#header #utils .separator {
	background: transparent url(../images/header-dots.png) no-repeat 50% 70%;
	padding:5px 10px;
}
#topnav {
	background: transparent url(../images/shadow.png) repeat-x 50% 100%;
	padding-bottom: 10px;
	position: relative;
	width: 964px;
	z-index: 70;
	width: 964px;
}

#topnav ul {
	background: black;
	border:white 2px solid;
	border-left:0;
	border-right:0;
	height: 30px;
	margin: 0;
	padding: 0;
}

#topnav li {
	border-left:2px solid white;
	float: left;
	list-style: none;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 191px;
}

#topnav li a {
	color: white;
	font-size: 140%;
	letter-spacing:-1px;
	padding: 8px 50px;
	position:relative;
	top:6px;
}
#topnav li a:hover, 
#topnav .selected a {
	background: transparent url(../images/caliber.png) no-repeat 48px 55%;
	padding-left:75px;	
	text-decoration:none;
}
#localnav {
	background:white;
	float:left;
	padding: 1em 20px 140px 10px;
	position:relative;
	width: 144px;
}
#localnav h2 {
	color:#bbb;
	font-size:210%;
	font-style:italic;
	letter-spacing:-1px;
/*	height:23px;
	line-height:100%;*/
	margin:6px 0 7px 0;
/*	overflow:hidden; */
}
#localnav h2 a {
	background:none;
	color:#bbb;
	margin:0;
	padding:0;
	text-decoration:none;
}
#localnav h3 {
	font-size:150%;
	letter-spacing:-1px;
	margin:0 0 10px 2px;
}
#localnav h3 a {
	text-decoration:none;
}
#localnav ul {
	margin:0;
	padding:0;
}
#localnav li {
	list-style:none;
}
#localnav li a {
	background: transparent url(../images/localnav-bullet.png) no-repeat 7px 6px;
	color:#535d6c;
	display:block;
	font-size:130%;
	letter-spacing:-1px;
	padding-left:26px;
}
#localnav li.selected a, 
#localnav li a:hover {
	background-position:7px -40px;
	color:#e01a22;
	text-decoration:none;
}
/* tricks : #wrapper avoid styling admin (fck editor) */
#wrapper #content {
	background:white;
	float:left;
	margin: 0 auto;
	position:relative;
	width: 604px;
}
/* content for website + admin */
#content {
	padding: 5px 130px 160px 30px;
}

#footer {
	background: #f1f5f5 url(../images/shadow.png) repeat-x 50% 0;
	bottom: 0 !important;
	bottom: -1px;
	height: 100px;
	left:-482px;
	margin-left:50%;
	padding: 20px 30px;
	position: absolute;
	width: 904px;
	z-index: 80;
	padding: 20px 30px;
}

#footer .image.left {
	margin: 0;
	width: 200px;
}

#footer p,
#footer .image {
	margin: 0.4em 0;
}
#footer .designby {
	bottom:10px;
	color:#b4c2c6;
	position:absolute;
	right:20px;
}
#footer .designby:hover {
	color: #535d6c;
}

/*
* admin
*/
#admin {
	color:white;
	margin-left:50%;
	position: absolute;
	text-align:right;
	width:472px;
	z-index: 100;
}

#admin a {
	color:white;
}
#admin strong {
	font-weight:normal;
	padding:5px;
}


/*
 * SPECIALS PAGES
 */

/* home page */
#home-page #content {
	float:none;
	padding-right:30px;
	width: 904px;
}
#home-page #localnav {
	display:none;
}
#topnav li.home {
	background: #e01a22;
	border-left:0;
	padding-left:1px;
}
#home-page #content h2 {
	clear:both;
}
#home-page #content .image em {
	display:none;
}


/* 
 * products 
 * */

/* basic colors stuff */

#topnav li.products {
	background: #ad007c;
}
.family-products #localnav .selected a, 
.family-products #localnav a:hover, 
.family-products #localnav h3 a, 
.family-products #content a {
	color:#ad007c;
}
.family-products #localnav li a {
	background-image:url(../images/localnav-bullet-purple.png);
}
.family-products #content h2 {
	background-image:url(../images/h2-purple.png);
}

/* products subpages lists */
.family-products.subpages-list #wrapper #content {
	padding-left:250px;
	width:354px;
} 
.family-products.subpages-list #wrapper #content h1 {
	margin-left:-250px;
}

.family-products div.subpages-list .spacer {
	display:none;
}

/* first level : products home page */
#products-page #content h2 {
	margin-top:2.5em;
}

#products-page div.subpages-list.wvisual ul {
	clear:left;
	float:left;
	margin:0 0 2em -230px;
	width:200px;
}
#products-page div.subpages-list.wvisual li {
	display:none;
	margin:0;
	text-align:center;
}
#products-page div.subpages-list.wvisual li.first {
	display:block;
}

#products-page #content .navigation {
	float:left;
	margin-left:-230px;
	margin-top:-3.2em;
	padding-bottom:1.8em;
	text-align:center;
	width:200px;
}
#products-page #content .navigation a {
	color:#ddd;
	cursor:pointer;
	padding:3px;
	text-decoration:none;
}
#products-page #content .navigation .prev, 
#products-page #content .navigation .next {
	bottom:-1px;
	color:#bbb;
	font-size:130%;
	position:relative;
}

#products-page #content .pager a.activeSlide, 
#products-page #content .pager a:hover {
		color:#999;
}

#products-page div.subpages-list.novisual li {
	font-size:100%;
}

#products-page div.subpages-list.novisual:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}


/* second level products page */
.family-products #content .subpages-list .item {
	padding:1.5em 0;
}
.family-products #content .subpages-list .item .image {
		float:left;
	margin-left:-230px;
	margin-top:-2em;
}
.family-products #content .subpages-list .item .image em {
	display:block;
	text-align:center;
}

.item ul.printer-functions {
	font-size:60%;
	padding-top:2em;
	position:relative;
	right:auto;
	top:auto;
	width:auto;
	z-index:100;
}
.item ul.printer-functions li {
	background-image:url(/dynimages/20/themes/2009/images/picto-copy2.png);
	float:left;
	padding:20px 7px 5px 7px;
}
.item ul.printer-functions .colors {
	background-image: url(/dynimages/20/themes/2009/images/picto-colors2.png);
}
.item ul.printer-functions .fax {
	background-image: url(/dynimages/20/themes/2009/images/picto-fax2.png);
}
.item ul.printer-functions .print {
	background-image: url(/dynimages/20/themes/2009/images/picto-print2.png);
}
.item ul.printer-functions .scan {
	background-image: url(/dynimages/20/themes/2009/images/picto-scan3.png);
}


/* new product marker */
.family-products #content .newMarker {
	background: transparent url(../images/new-purple.png) no-repeat 50% 50%;
	height:100px;
	position:absolute;
	right:130px;
	text-indent:-10000px;
	top:170px;
	width:180px;
	z-index:80;
}

.family-products #content .subpages-list .newMarker {
	background-image:url(../images/new-medium-purple.png);
	height:70px;
	right:0;
	top:80px;
	width:120px;
}
.family-products #content .subpages-list .item .newMarker {
	background-image:url(../images/new-medium-purple.png);
	height:70px;
	left:-150px;
	top:80px;
	right:auto;
	width:120px;
}


/* printers functions logos */
ul.printer-functions {
	margin:0;
	position:absolute;
	padding-left:0;
	right:50px;
	top:50px;
	width:75px;
}
ul.printer-functions li {
	background: transparent url(../images/picto-copy2.png) no-repeat 50% 0;
	float:none;
	list-style:none;
	margin:0;
	padding:30px 10px 10px 10px;
	text-align:center;
}
ul.printer-functions .colors {
	background-image: url(../images/picto-colors2.png);
}
ul.printer-functions .fax {
	background-image: url(../images/picto-fax2.png);
}
ul.printer-functions .print {
	background-image: url(../images/picto-print2.png);
}
ul.printer-functions .scan {
	background-image: url(../images/picto-scan3.png);
}




/*   forms */
.family-products #content .form {
	clear:right;
	float:right;
	margin:0 -10px 0 40px;
	position:relative;
	width:154px;
}

.family-products #content .form h2 {
	background-image:none;
	font-size:110%;
	font-weight:bold;
	margin:0 0 1em 0;
	padding:0;
	text-align:center;
}
.family-products #content .formItem {
	background: transparent url(../images/field-bg.png) no-repeat 0 50%;
	padding:2px 0;
}
.family-products #content .formItem.email {
	background-image:url(../images/search-bg.png);
}
.family-products #content .form label {
	display:none;
}


.family-products #content .form input {
	border:0;
	background:none;
	padding:4px 8px;
}
.family-products .formItem.text .formField, 
.family-products .formItem.email .formField {
	font-size:110%;
	width:115px;
}
.family-products .formItem .formRequiredMarker {
	display:none;
}
.family-products #content .form .button {
	color:white;
	clear:none;
	cursor:pointer;
	float:none;
	font-weight:normal;
	margin:-32px 2px 0 0;
	padding:0;
	position:absolute;
	right:0;
}




/* contact */
#contact-page #content form {
	float:left;
	width:65%;
}	

/* search page */

.family-search #content ol {
	color:white;
}
.family-search #content li {
	clear:both;
}
/*
.family-search #content h2 {
	background-image:url(../images/h2-large.png);
	background-position:0 0.3em;
	margin-left:-50px;
	padding-bottom:3px;
	padding-left:50px;
}*/
.family-search #content p {
	color:#535D6C;
}
.family-search #content .selected p {
	color:black;
}



/* other pages */


#topnav li.services {
	background: #009cc3;
}
.family-services #localnav .selected a, 
.family-services #localnav a:hover, 
.family-services #localnav h3 a, 
.family-services #content a {
	color:#009cc3;
}
.family-services #localnav li a {
	background-image:url(../images/localnav-bullet-blue.png);
}
.family-services #content h2 {
	background-image:url(../images/h2-blue.png);
}

#topnav li.infos {
	background: #a0af00;
}
.family-infos #localnav .selected a, 
.family-infos #localnav a:hover, 
.family-infos #localnav h3 a, 
.family-infos #content a {
	color:#a0af00;
}
.family-infos #localnav li a {
	background-image:url(../images/localnav-bullet-green.png);
}
.family-infos #content h2 {
	background-image:url(../images/h2-green.png);
}


#topnav li.contact {
	background: #f9b200;
}
.family-contact #localnav .selected a, 
.family-contact #localnav a:hover, 
.family-contact #localnav h3 a, 
.family-contact #content a {
	color:#f9b200;
}
.family-contact #localnav li a {
	background-image:url(../images/localnav-bullet-yellow.png);
}
.family-contact #content h2 {
	background-image:url(../images/h2-yellow.png);
}



/* sitemap */
.family-sitemap #content .level1 {
	float:left;
	margin-right:5%;
	width:45%;
}
.family-sitemap #content .level1 ul {
	margin-bottom:2em;
}

.family-sitemap #content .level1 a {
	font-size:130%;
}
.family-sitemap #content .level2 a {
	font-size:100%;
}