@charset "utf-8";
/* CSS : Canola New FS */
/* Begin Body */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body {
	margin:0px;
	padding:0px;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:12px;
	margin-bottom:10px;
}
ul{ list-style:none;}

input,select,textarea{font-family:Tahoma, Geneva, sans-serif;font-size:13px;}
input.input{ width:240px;background:url(../images/inputBg.gif) no-repeat center;border:none;height:25px;line-height:25px; padding-right:10px;}
textarea.input{width:290px;background:url(../images/textareaBg.gif) no-repeat center;border:none; height:200px; padding-right:10px;}
.textarea{ width:300px;background:url(../images/textareaBg.gif) no-repeat center;border:none; height:200px;padding-top:8px;}
.error{	width:400px;height:25px;padding-top:5px;background:#FFDFDF;color:#F00;border:1px solid #f00;text-align:center;direction:rtl;display:block;margin:10px auto;}
.ok{width:400px;height:40px;padding-top:5px;background:#CFFFDF;color:#238F46;border:1px solid #2FBF5E;text-align:center;direction:rtl;display:block;margin:10px auto;}

.err{width:400px;height:40px;padding-top:5px;background:#FFDFDF;color:#F00;border:1px solid #f00;text-align:center;direction:rtl;display:block;margin:10px auto;}

.searchInput{ border:0px; vertical-align:middle;margin-left:10px;}
.printIcon{ background:url(../images/Icon-printer.png) no-repeat center center; width:48px; height:48px; display:block; text-indent:-100000000px;} 
.productRegisterButton{}
p{	margin:0px;}
img{	border:none;	}
a {	text-decoration:none;color:#666; outline:0;}
a:hover, a:active {	text-decoration:none;	color:#999999;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
.wrapper {	width:960px;	margin:0px auto;}
.main{background:url(../images/bg.gif) repeat-x;}


.breadcrumb{
	width:740px;
	float:left;
	margin:0 0 10px 0;
	padding:5px 0px;
	border-bottom:1px solid #efefef;
	color:#999
}
.breadcrumb h1{
	font-size:12px;
	text-align:right;
	font-weight:normal;
	padding:5px 0px 5px 0px;
	margin:0px;
}
.breadcrumb a {
	font-size:12px;
	color:#000;
	text-align:right;
	font-weight:normal;
}
.breadcrumb a:hover{
	font-size:12px;
	color:#999;
	text-align:right;
	font-weight:normal;
}
.breadcrump{
	width:740px;
	float:left;
	margin:0 0 10px 0px;
	padding:5px 0px;
	border-bottom:1px solid #efefef;
	color:#999
}
.breadcrump h1{
	font-size:12px;
	text-align:right;
	font-weight:normal;
	padding:5px 0px 5px 0px;
	margin:0px;
}
.breadcrump a {
	font-size:12px;
	color:#000;
	text-align:right;
	font-weight:normal;
}
.breadcrump a:hover{
	font-size:12px;
	color:#999;
	text-align:right;
	font-weight:normal;
}
.rankStar{width:20px;height:20px;margin:5px;background:url(../images/StarRating_off.png) no-repeat center; float:right; }

#LoaderGif{display:block;right:600px; }
#LoaderGif img{ margin-right:80px; margin-top:80px;}

/*-----------------------------------header-----------------------------*/

.header{height:180px;}

.searchField{ background:url(../images/Search_Bg.png) no-repeat bottom left;height:25px; width:220px;float:left;display:inline; margin-top:25px}
.searchField .input{direction:ltr; font-size:13px;padding:0px; margin:0px;margin-left:8px; vertical-align:middle; border:none;}

.logo{height:66px; padding:38px 0 0 0;}
.canon{background:url(../images/Canon_Logo.png) no-repeat; float:left; width:200px; height:52px;}
.canola{background:url(../images/canola.gif) no-repeat; float:right;width:200px;height:52px;}

/*-----------------------------------Saerch & comment-----------------------------*/

.searchTitle {
	background-color:#666666;
	padding:5px;
}
.searchTopText{
	color:#666666;
	font-size:15px;
	font-weight:bold;
}
.search-bordercolor{ padding-right:15px;}
.searchFirstResult img { border:1px solid #ccc; padding:3px; }
#seach-recommand{ text-align:center; line-height:17px;}

.commentBox{ border:1px solid #ccc; padding:10px 5px; margin:10px;}
.commentTitle { font-size:15px; border-bottom:2px solid #ccc; padding-bottom:5px; margin-bottom:5px; }


/*-----------------------------------sideBar-----------------------------*/

.sideBar{ width:200px;float:right;}
.sidbarMiddle{ background:url(../images/sidemenu_downround.gif) no-repeat top;}

.dropdown-menu{
	text-align:right;
	 margin:5px 0px;
}

#menuContentBox1 , #menuContentBox2 , #menuContentBox3 , #menuContentBox4{
	text-align:right;
}
#menuContentBox1 a, #menuContentBox2 a , #menuContentBox3 a , #menuContentBox4 a{
	color:#000; 
	font-size:11px;
	display:block;
	padding:5px 5px;
	padding-right:10px;
	background: url(../images/menu_bullet.png) no-repeat 10px 10px;}
	
#menuContentBox1 a:hover, #menuContentBox2 a:hover , #menuContentBox3 a:hover , #menuContentBox4 a:hover{
	color:#000; 
	font-size:11px;
	display:block;
	padding:5px 5px;
	padding-right:10px;
	background: url(../images/menu_bullet_on.png) no-repeat 10px 10px;}	
	
	
	
#menuContentBox1 ul , #menuContentBox2 ul , #menuContentBox3 ul , #menuContentBox4 ul{
	text-align:right;	
	padding:0px;

}
#menuContentBox1 ul ul , #menuContentBox2 ul ul , #menuContentBox3 ul ul , #menuContentBox4 ul ul {
	text-align:right;
	margin:5px 0px;
	padding:0px;
	background-color:#FFF;
	
}
#menuContentBox1 ul ul span , #menuContentBox2 ul ul span , #menuContentBox3 ul ul span , #menuContentBox4 ul ul span{
	color:#000;
	margin:0px;
	padding:10px 0px;
}
#menuContentBox1 ul span , #menuContentBox2 ul span  , #menuContentBox3 ul span , #menuContentBox4 ul span{
	margin:0px;
	padding:0 0px;

}
#menuContentBox1 li , #menuContentBox2 li , #menuContentBox3 li , #menuContentBox4 li{
		
	background-color:#CCC;
	margin:5px 0 0 0;
	
}
#menuContentBox1 li li , #menuContentBox2 li li , #menuContentBox3 li li , #menuContentBox4 li li{
	background-color:#FFF;
	padding:3px 0px;
	
	
}


.lNews{ background:url(../images/lNews.gif); height:29px; direction:rtl; margin-top:10px;}
.lNewsBox{ width:960px; margin:0 auto; direction:rtl; }
newsbar{height:20px; width:885px; float:left; padding:6px 45px 0 0; vertical-align:middle;}
.newsbar{height:20px; width:960px;float:left;vertical-align:middle; float:right;}
.newsbar a{ color:#BBB; font-size:12px;}
.newsbar a:hover{ color:#FFF;}

.links{}


.siteNavigation{ height:29px;padding-bottom:5px; vertical-align:middle; }

.RtlNews{
	direction:rtl;
	float:right;
	width:440px; 
	overflow:hidden;
	background:url(../images/newsTitle.gif) no-repeat top right;
	padding-right:40px;
	line-height:29px;
	}
.LtrNews{ 
	direction:ltr;
	float:left;
	width:420px;
	overflow:hidden;
	background:url(../images/newsTitleEn.gif) no-repeat top left;
	padding-left:60px;
	line-height:29px;
	}
a.rssIconRight{
	background:url(../images/rss.gif) no-repeat center center;
	width:29px;
	height:29px; 
	display:block;
	float:right;
	}
a.rssIconLeft{
	background:url(../images/rss.gif) no-repeat  center center;
	width:29px; 
	height:29px;
	display:block;
	float:left;
	}
/*-----------------------------------footer-----------------------------*/

.footer{height:110px;background:url(../images/Footer_Slice.png) repeat-x;}
.footer a{ color:#FFF}
.footer_body{width:960px;margin:0 auto; padding-top:10px;}
.footer_body div ul{ list-style:none;line-height:20px;}
.footer_body div { direction:rtl; float:right;height:90px; padding-right:15px;line-height:20px;}
.footer_link{width:450px; border-left:3px solid #555;}
.footer_contact{width:250px;}
.footer_about{width:200px; border-left:4px solid #555;}
.footer h3{ font-size:13px; color:#FFF; font-weight:normal;}
.copyright{ text-align:center; padding:15px; height:1%; color:#666;}
.copyright a{ color:#444;}
.copyright a:hover{ color:#000;}



/*-----------------------------------TopMenu-----------------------------*/
.topMenu{ width:680px; float:right; height:76px;}
.topMenu a{ display:block; height:76px; float:right; background-image:url(../images/menu.jpg); overflow:hidden; line-height:200px;}

a.menu1{ width:132px; background-position:-531px 0;}
a:hover.menu1{ width:132px; background-position:-531px -76px;}

a.menu2{ width:184px; background-position:-347px 0;}
a:hover.menu2{ width:184px; background-position:-347px -76px;}

a.menu3{ width:134px; background-position:-213px 0;}
a:hover.menu3{ width:134px; background-position:-213px -76px;}

a.menu4{ width:213px; background-position:0 0;}
a:hover.menu4{ width:213px; background-position:0 -76px;}

/*-----------------------------------content----------------------------*/
.content{ direction:rtl; /*min-height:500px;*/}
.contentBody{width:740px; padding:5px;float:left;background: url(../images/Content_bg.gif) no-repeat top  #eeeeee; padding-bottom:30px;}

/*-----------------------------------serviceSaleCenters----------------------------*/
.resellerTitle{ border-bottom:3px solid #ccc;}
.resellerTitle h1{
	text-align:right;
	padding:5px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
	padding:5px 0px;
	margin-bottom:5px;
	float:right}
.resellerBody{ direction:rtl;}
.resellerBody div{ float:right;}
.resellerImage{padding-left:10px; }
.resellerdesc{line-height:20px;width:260px;}
.resellerRelatedProducts{padding-right:10px;}
.resellerRelatedProducts ul{padding-right:10px;list-style:outside; line-height:17px; margin:20px 0px; list-style-type:disc;}
.serviceSaleListUl li{ padding:3px 0px;}


/*-----------------------------------product----------------------------*/
/* <Product HOME> */
.productbox{
	float:right;
	width:150px; 
	height:150px;
	margin:5px;
	text-align:center;
}
.productbox h1{
	color:#FA8228;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}
.productbox a{
	color:#FA8228;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
}
.productshowbox{
	width:500px;
	margin:0px auto;
}

.productshowbox{
	width:500px;
	margin:0px auto;
}


.productContent{
	margin:5px;
	float: left;
	height: 109px;
	width: 200px;
}
.printproductContent{
	margin:5px;
	float: left;
	height: 109px;
	width: 200px;
}
.productContent img{
	float:left;
	border:1px solid #ccc;
	padding:3px;
	margin-right:15px;
}
/* </Product HOME> */
/* <Product Category> */

h1.title{
	text-align:right;
	padding:5px 0px 5px 0px;
	font-size:13px;
	font-weight:bold;
	border-bottom:3px solid #ccc;
	padding:5px 0px;
	margin-bottom:5px;
}

.productInfo{float:right; width:550px; }
.productList{float:left; width:180px;}
/* </Product Ctegory> */
/* <Product lsit> */
.Product-Full{
	width:700px;
	margin:0px auto;
}
.-Product-Full tr{
	padding:0px 0px 20px 0px;
}
.Product-Full-Space{
	width:25px;
}
.Product-Full-Border{
	width:1px;
	background-color:#EFEFEF;
}
.Product-Full-Title{
	width:203px;
	background:url(../images/product_title.png) no-repeat bottom  ;
	color:#666;
	font-size:13px;
	font-weight:bold;
	padding-bottom:6px;
	padding-top:15px;
	text-align:center;
}
.Product-Full-Detail{
	padding:10px;
	width:308px;
	float:left;
	text-align:right;
	font-size:8pt;
	background:#f8f8f8;
	border:1px solid #cccccc;
}
.Product-Full-Detail img{
	float:right;
	margin:0px 0px 0px 10px;
	border:1px solid #DDD;
}
.Product-Full-Detail ul{
	margin:0px;
	list-style:disc inside;
	color:#BD1718;
	text-align:right;
	
}

/* </Prdocut list> */
#productSpecs{}
#productSpecs tbody{}
#productSpecs img{ float:left;}
#productMenu {width:75px;float:right; text-align:center; border-left:1px  dashed #ccc; padding-left:10px; margin-left:10px; height:350px;}
#productMenu a{margin:20px 0px; display:block;}
#productMenu img{display:block; margin:0 auto;}
.product_table_row1{}
.product_table_row2{ background:#f5f5f5;}

.productSpecsTable{border-collapse:collapse;border-spacing:0; float:left;line-height:17px; width:100%;}
.productSpecsTable td{padding:5px 2px;}
.productSpecsTable .DesTd{direction:rtl;}
.productSpecsTable .TitleTd{ width:120px; font-weight:bold;}
.productSpecsTable tr{ display:block;}
a.showOtherSpecs{ display:block; width:440px; height:30px; background:url(../images/moreInfoTitle.png);}
a:hover.showOtherSpecs{ display:block; width:440px; height:30px; background:url(../images/moreInfoTitle.png) 0 -30px;}
a.showOtherSpecsOpen{display:block; width:440px; height:30px; background:url(../images/moreInfoTitle.png) 0 -30px;}
.scoreTableFullProduct{}
.scoreTableFullProduct td{ padding:0 0 0 10px;}

.fullProductBody{ line-height:1.7; text-align:justify; padding:0 0 15px 0;}
.fullProductBody .img{ float:right; margin:6px 0 5px 10px; padding:3px; border:1px solid #FFF;}

div.printA{ border-top:1px solid #ccc; padding:0 350px 0 0;}
a.print{ display:block; background:url(../images/printA.jpg) no-repeat; width:66px; height:22px; line-height:420px; overflow:hidden;}

.subProductInfo{ width:440px; float:left;}
.subProductInfo ul{ list-style-image: url(../images/download.png); padding-right:20px;}
.subProductInfo ul li{ padding:2px 2px;}
.productList{ border-right:1px dashed #ccc;}
.subProductInfo img { padding:3px; border:1px solid #ccc; margin:0px; }
.newBoxList{ border:1px solid #ccc; padding:5px; margin:5px 0px;}
.newBoxList img{ float:right; padding:3px; border:1px solid #ccc;}
.newBoxList a{ margin-right:10px;}
.page-box p{ line-height:17px;}
.page-box ul{ list-style:inside; }
.productDropdownList{ margin-top:15px;}
.productDropdownList td{ padding:3px;}
.productDropdownList select{ width:200px;}
.productCategoryTitle img{ float:left; border:1px solid #ccc; padding:3px; margin-right:10px;}
.accessoyItem{
	border:1px solid #ccc;
	padding:5px;
	margin:5px;
}
.printaccessoyItem{
	border:1px solid #ccc;
	padding:5px;
	margin:5px;
	float: right;
}
.accessoyItem b{ margin-right:10px; margin-bottom:15px;}
.accessoyItem-hover{
	background-color:#E5E5E5;
	border:1px solid #ccc;
	padding:5px;
	margin:5px;
}
.printaccessoyItem-hover{
	background-color:#E5E5E5;
	border:1px solid #ccc;
	padding:5px;
	margin:5px;
	float: right;
}
.title-products-color{
	margin-right: 5px;
	color: #F63;
	float: right;
}
.accessoyItem-hover b{ margin-right:10px; margin-bottom:15px;}
.productFullTabsDiv{ padding-bottom:15px; width:550px;}
.newProduct{ color:#F00;font-size:12px; padding-left:2px; font-weight:bold;}
.productbox img{ border:1px solid #cccccc; padding:3px; }
.contact{margin:0 auto;}
.contact .lblForm{ text-align:left;}
.red{ color:#D00;}
.fldfocus{ border:1px solid #cccccc; background-color:#eeeeee; padding:2px;}
.fldblur{border:1px solid #cccccc; background-color:#ffffff; padding:2px;}



#productsThumbs{ padding:15px 0 0 0;}
.productThumb{ float:right; padding:5px; margin:5px; text-align:center; border:1px solid #DDD; width:100px; height:100px;}
.productThumb img{ padding:0 0 6px 0;}