@charset "utf-8";
/* CSS Document */

#search form { display:; width:305px; height:25px; margin:0 0 20px 600px;}
#search { display:; width:305px; height:25px; }

body{ background-color:#ebebeb; margin:0;}
a {text-decoration:none; color:#0688ed;  font-family: Arial, Helvetica, sans-serif; font-size:12px;}
h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; font-weight:normal; margin:0 0 5px 0;}
h1 { font-family:Arial, Helvetica, sans-serif; font-size:20px; color: #000000; margin:10px 0 10px 5px;}
em { font-style:normal; font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
img { border: none;}
Img.divider { margin:0 10px; float:left;}
p { margin:0; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
ul { margin:0; padding:0;}
li { display:inline;}
.color { color: #0066FF;}
.margin { margin-left:9px;}
.margin2 { padding:2px 0 0 18px;}
.margin3 { padding:3px 0 0 12px;}
.margin4 { padding:3px 0 0 8px;}
.margin5 { padding:3px 0 0 2px;}
.margin6 { padding:3px 0 0 20px;}
.margin7 { padding:3px 0 0 3px;}
.margin8 { padding:3px 0 0 22px;}
.margin9 { padding:3px 0 0 7px;}
.margin10 { padding:3px 0 0 20px;}
.margin11 { padding:3px 0 0 18px;}
.margin12 { padding:3px 0 0 6px;}
.margin13 { padding:3px 0 0 15px;}
.clearfix { clear:both;}
.floatl{ float:left;}
.floatr{ float:right;}


#wrapall { width:1006px; margin:8px auto 20px;}

/*start headerbg css*/

#header { background-image:url(images/header_bg.jpg); background-repeat:no-repeat; width:989px; height:183px; margin:0 auto; margin:0 0 0 12px;}
#header2 { background-image:url(images/header_bg2.jpg); background-repeat:no-repeat; width:989px; height:183px; margin:0 auto; margin:0 0 0 12px;}
#header3 { background-image:url(images/header_bg3.jpg); background-repeat:no-repeat; width:989px; height:183px; margin:0 auto; margin:0 0 0 12px;}
#header4 { background-image:url(images/header_bg4.jpg); background-repeat:no-repeat; width:989px; height:183px; margin:0 auto; margin:0 0 0 12px;}
#header5 { background-image:url(images/header_bg5.jpg); background-repeat:no-repeat; width:989px; height:183px; margin:0 auto; margin:0 0 0 12px;}
#header6 { background-image:url(images/header_bg6.jpg); background-repeat:no-repeat; width:989px; height:183px; margin:0 auto; margin:0 0 0 12px;}
#logo, #logo2, #logo3, #logo4, #logo5, #logo6 { width:151px; height:112px;}
#logo img, #logo2 img, #logo3 img, #logo4 img, #logo5 img, #logo6 img{ margin:42px 0 0 23px; display:; }

/*end headerbg css*/


/*start navigation css*/

#nav ul { width:1006px; height:41px; padding:0;}
#nav ul li { float:left;}

#nav ul li a {text-indent:-9999px; display:block;}

li#home_button a { background-image:url(images/home_button.jpg); background-repeat:no-repeat; width:96px; height:41px;}
li#home_button a:hover { background-image:url(images/home_button_hover.jpg); background-repeat:no-repeat; width:96px; height:41px;}
li#home_button a.active{ background-image:url(images/home_button_hover.jpg); background-repeat:no-repeat; width:96px; height:41px;}

li#about_button a{ background-image:url(images/about_button.jpg); background-repeat:no-repeat; width:119px; height:41px;}
li#about_button a:hover{ background-image:url(images/about_button_hover.jpg); background-repeat:no-repeat; width:119px; height:41px;}
li#about_button a.active{ background-image:url(images/about_button_hover.jpg); background-repeat:no-repeat; width:119px; height:41px;}

li#contact_button a{ background-image:url(images/contact_button.jpg); background-repeat:no-repeat; width:122px; height:41px;}
li#contact_button a:hover{ background-image:url(images/contact_button_hover.jpg); background-repeat:no-repeat; width:122px; height:41px;}
li#contact_button a.active{ background-image:url(images/contact_button_hover.jpg); background-repeat:no-repeat; width:122px; height:41px;}

li#order_button a{ background-image:url(images/order_button.jpg); background-repeat:no-repeat; width:134px; height:41px;}
li#order_button a:hover{ background-image:url(images/order_button_hover.jpg); background-repeat:no-repeat; width:134px; height:41px;}
li#order_button a.active{ background-image:url(images/order_button_hover.jpg); background-repeat:no-repeat; width:134px; height:41px;}

li#artwork_button a{ background-image:url(images/artwork_button.jpg); background-repeat:no-repeat; width:141px; height:41px;}
li#artwork_button a:hover{ background-image:url(images/artwork_button_hover.jpg); background-repeat:no-repeat; width:141px; height:41px;}
li#artwork_button a.active{ background-image:url(images/artwork_button_hover.jpg); background-repeat:no-repeat; width:141px; height:41px;}

li#promotion_button a{ background-image:url(images/promotion_button.jpg); background-repeat:no-repeat; width:107px; height:41px;}
li#promotion_button a:hover{ background-image:url(images/promotion_button_hover.jpg); background-repeat:no-repeat; width:107px; height:41px;}
li#promotion_button a.active{ background-image:url(images/promotion_button_hover.jpg); background-repeat:no-repeat; width:107px; height:41px;}

li#clearance_button a{ background-image:url(images/clearance_button.jpg); background-repeat:no-repeat; width:140px; height:41px;}
li#clearance_button a:hover{ background-image:url(images/clearance_button_hover.jpg); background-repeat:no-repeat; width:140px; height:41px;}
li#clearance_button a.active{ background-image:url(images/clearance_button_hover.jpg); background-repeat:no-repeat; width:140px; height:41px;}

li#catalog_button a{ background-image:url(images/catalog_button.jpg); background-repeat:no-repeat; width:147px; height:41px;}
li#catalog_button a:hover{ background-image:url(images/catalog_button_hover.jpg); background-repeat:no-repeat; width:147px; height:41px;}

/*end navigation css*/

/*start procuts button css*/
#main #leftcolumn ul li { width:83px; height:93px; float:left; margin:5px 0 0 5px;}
#main #leftcolumn ul li a {  display:block; color:#FFFFFF; font-family:"Century Gothic", Arial; font-weight:bold;}
#main #leftcolumn ul li a img { margin:0; border:#e1e1e1 1px solid;}

#main #leftcolumn ul li a#product1{ background-color:#0d6b9a; width:84px; height:16px;}
#main #leftcolumn ul li a:hover#product1{ background-color:#1491cf; width:84px; height:16px;}

#main #leftcolumn ul li a#product2{ background-color:#4c4c4c; width:84px; height:16px; }
#main #leftcolumn ul li a:hover#product2{  background-color:#868686; width:84px; height:16px;}

#main #leftcolumn ul li a#product3{ background-color:#724e07; width:84px; height:16px; }
#main #leftcolumn ul li a:hover#product3{background-color:#ac770e; width:84px; height:16px;}

#main #leftcolumn ul li a#product4{ background-color:#294e05; width:84px; height:16px; }
#main #leftcolumn ul li a:hover#product4{background-color:#3d7506; width:84px; height:16px;}

#main #leftcolumn ul li a#product5{ background-color:#477387; width:84px; height:16px; }
#main #leftcolumn ul li a:hover#product5{ background-color:#5795b1; width:84px; height:16px;}

#main #leftcolumn ul li a#product6{background-color:#4b0705; width:84px; height:16px; }
#main #leftcolumn ul li a:hover#product6{ background-color:#7a0b08; width:84px; height:16px;}

#main #leftcolumn ul li a#product7{ background-color:#00264f; width:84px; height:16px; }
#main #leftcolumn ul li a:hover#product7{ background-color:#00438a; width:84px; height:16px;}

#main #leftcolumn ul li a#product8{ background-color:#9e9240; width:84px; height:16px;}
#main #leftcolumn ul li a:hover#product8{ background-color:#ccbc51; width:84px; height:16px;}

#main #leftcolumn ul li a#product9{ background-color:#053835; width:84px; height:16px; }
#main #leftcolumn ul li a:hover#product9{ background-color:#085954; width:84px; height:16px;}

#main #leftcolumn ul li a#product10{ background-color:#555f10; width:84px; height:16px;}
#main #leftcolumn ul li a:hover#product10{ background-color:#7c8b19; width:84px; height:16px;}

#main #leftcolumn ul li a#product11{ background-color:#280a43; width:84px; height:16px; }
#main #leftcolumn ul li a:hover#product11{ background-color:#431270; width:84px; height:16px;}

#main #leftcolumn ul li a#product12{ background-color:#c3a500; width:84px; height:16px; }
#main #leftcolumn ul li a:hover#product12{ background-color:#e1bf01; width:84px; height:16px;}

/*end  procuts button css*/

/*start content css*/

#content { background-color:#FFFFFF; width:980px; border-left: #d8d8d8 1px solid; border-right: #d8d8d8 1px solid; min-height:500px; margin:0 auto;}
#breadcrumb { background-color:#dfdfdf; height:30px; margin:0 0 10px 0;}
#breadcrumb ul { padding:5px 0 0 15px;}
#breadcrumb ul li a { color:#333333; height:13px; margin:7px; font-size:14px; font-weight:bold;}
#breadcrumb ul li.color a { color: #0066CC; height:13px; margin:7px; font-size:14px; font-weight:bold;}

#title h1 { font-family:"Century Gothic", Arial; font-weight:bold; font-size:24px; color:#515151; margin:0 0 10px 0px;}
#title h1.contact { background-image:url(images/title-contact.jpg); background-repeat:no-repeat; width:272px; height:31px; text-indent:-9999px; margin:0 0 0 8px;}
#title h1.about { background-image:url(images/title-about.jpg); background-repeat:no-repeat; width:272px; height:41px; text-indent:-9999px; margin:0 0 0 8px;}
#title h1.order { background-image:url(images/title-order.jpg); background-repeat:no-repeat; width:289px; height:31px; text-indent:-9999px; margin:0 0 0 8px;}
#title h1.upload { background-image:url(images/title-upload.jpg); background-repeat:no-repeat; width:312px; height:45px; text-indent:-9999px; margin:0 0 0 8px;}
#title h1.promotion { background-image:url(images/title-promotion.jpg); background-repeat:no-repeat; width:312px; height:45px; text-indent:-9999px; margin:0 0 0 8px;}
#title h1.tech { background-image:url(images/title-tech.jpg); background-repeat:no-repeat; width:215px; height:42px; text-indent:-9999px; margin:0 0 0 8px;}
#title h1.news { background-image:url(images/title-news.jpg); background-repeat:no-repeat; width:272px; height:61px; text-indent:-9999px; margin:0 0 0 8px;}
#title h1.sales { background-image:url(images/title-sales.jpg); background-repeat:no-repeat; width:254px; height:52px; text-indent:-9999px; margin:0 0 0 8px;}
#title h1.idea { background-image:url(images/title-idea.jpg); background-repeat:no-repeat; width:303px; height:45px; text-indent:-9999px; margin:0 0 0 8px;}

#main { width:980px;}

#leftcolumn { float:left; width:180px; min-height:400px; background-color:; margin:0 0 50px 0;}
#leftcolumn ul { margin:5px 0 0 0;}
#leftcolumn li a img{ margin:2px 0 0 0;}
#leftcolumn li a:hover img{}

#contact { margin:0 auto; width:779px}

#rightcolumn {  float:left; width:799px; margin:10px 0 10px 0;}
#rightcolumn p { line-height:1.5em;}
#promoright { margin:0 0 0 10px;}
#promoleft { margin:0 0 0 1px;}
#promotion a { font-size:12px; color: #105b8a;}
#promotion a.text { margin:0 0 0 5px; width:320px;} 
#promotion h2{ font-weight:bold;}
.proleft{ float:left; margin:0 0 0 40px; width:315px;}
.promotion1 { margin:0 0 15px 0;}
.promotion2 { margin:8px 0 15px 0;}

#membership {clear:both; padding:15px 0 15px 80px; background-image:url(images/member_bg.jpg); width:978px; height:142px; background-repeat:no-repeat;}
#membership ul { margin:15px 0 0 160px;}
p.member{ font-size:13px; padding:1px 0 0 167px; color:#333333; font-weight:bold; width:500px}

#disclaimer { margin:10px 0 0 190px; width:800px;}
#disclaimer img { float:left;}
#disclaimer p { color: #4d4d4d; line-height:1.5em; width:670px; margin:0 0 20px 8px; width:600px; float:left;}
/*
#promotion a#video { background-image:url(images/download_button.jpg); background-repeat:no-repeat; width:145px; height:54px;}
#promotion a#video:hover { background-image:url(images/download_button_hover.jpg); background-repeat:no-repeat; width:145px; height:54px;}*/

/*end content css*/


#footer { height:15px; 	padding:30px 0 0 0; width:980px; clear:both;}
#footcontent { width:980px;}
#footer p { font-size:11px; color:#666666; font-family: Arial, Helvetica, sans-serif; float:left; text-transform:; margin:0 5px 0 0; float:left; height:15px;}
#footer ul li a { font-size:11px; color:#666666; font-family: Arial, Helvetica, sans-serif; float:left; text-transform:; margin:0 0 0 7px; float:left; height:15px; text-decoration:underline; text-transform: ;}
.footnav { float:left; margin:0 0 0 10px; }

#footer ul {  margin:0 20px 0 13px; width:650px; height:15px;}
#footer ul li {  margin:0 7px 0 0;}

#footer ul li a:hover { color:#0033CC;}
#bottom_border { background-image:url(images/footer_bg.jpg); background-repeat:no-repeat; width:981px; height:17px; margin:0 auto;}




a.banner:link { color: #ffffff; text-decoration:underline;}
a.banner:hover { color: #FF0000; text-decoration:underline; }
a.banner:visited { color: #ffffff; text-decoration:underline; }
a.banner:visited:hover { color: #FF0000; text-decoration:underline; }
a.banner:active { text-decoration:none; }

.style1 {
	 font-family: Arial; 
	font-size: 12px;
	line-height:1.5em;
}
.style2 {
    font-family: Arial;
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	line-height:1.5em;
}
.style3 {
	font-family: Arial; 
	font-weight: bold;
    font-size: 12px;
	color: #333333;
	line-height:1.5em;
}
.style4 {
	font-family: Arial; 
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	line-height:1.5em;
}
.style5 {
    font-family: Arial; 
	font-size: 12px;
	font-style: normal;
    color: #FF0000
	line-height:1.5em;
}