html {height:100%;}
body{
	margin:0;
	font:18px  Arial, Helvetica, sans-serif;
	color:#8a8a8a;
	min-width:1002px;
	height:100%;
	background:#3a819a url(../images/bg-html.jpg) repeat-y 50% 0;
}
a{
	color:#75abbc;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
img{border:0;}
/* container */
.container1{
	width:100%;
	min-height:100%;
	background:url(../images/bg-body.jpg) no-repeat 50% 0;
}
* html .container1 {height:100%;}
.container1:after {
	clear:both;
	content:"";
	display:block;
}
.container2{
	width:100%;
	overflow:hidden;
}
/* holder */
.holder{
	width:960px;
	padding:0 0 20px;
	overflow:hidden;
	z-index:1;
	margin:0 auto;
}
/* wrapper */
.wrapper{
	width:100%;
	overflow:hidden;
	position:relative;
}
/* main */
.main{
	width:960px;
	padding:192px 0 18px;
	overflow:hidden;
}
/* header */
.header{
	width:960px;
	position:absolute;
	top:7px;
	left:0px;
	padding:7px 0 0;
	background: url(../images/bg-header.gif) no-repeat;
	z-index:20;
}
/* top */
.top{
	overflow:hidden;
	width:897px;
	position:relative;
	padding:0 15px 33px 48px;
	background: url(../images/bg-dot.gif) repeat-x 2px 100%;
	z-index: 21;
}
/* cell */
.top .cell{
	float:left;
	padding:10px 0 0;
	width:685px;
	overflow:hidden;
	z-index: 21;
}
/* logo */
.logo{
	float:left;
	background: url(../images/logo.gif) no-repeat;
	width:205px;
	height:80px;
	z-index: 22;
}
.logo a{
	text-indent:-9999px;
	overflow:hidden;
	width:205px;
	display:block;
	height:80px;
}
/* slogan */
.slogan{
	position:absolute;
	top:48px;
	left:305px;
	font-size:30px;
	color:#75abbc;
	margin:0;
	z-index:100;
}
/* menu */
.menu{
	float:right;
	overflow:hidden;
	padding:0;
	list-style:none;
	margin:0;
}
.menu li{
	float:left;
	margin:0 0 0 11px;
	font-size:12px;
}
.menu li a{ color:#888686;}
/* nav */
.nav{
	width:916px;
	height:28px;
	margin:0 0 0 21px;
	padding:0;
	list-style:none;
}
.nav li{
	float:left;
	position:relative;
}
/* active & hover state ( if You want to change active state in navigation, put 'class="active"' on tag 'li' which located in 'ul class="nav"'; in html code it will look like <li class="active">) */
.nav li.active,
.nav li.hover,
.nav li:hover{
	position:relative;
	z-index:3;
	margin-right:-6px;
}
.nav li:hover .drop,
.nav li.hover .drop{display:block;}
.nav li a{
	display:block;
	height:28px;
	text-indent:-9999px;
}
.nav li .custom:hover,
.nav li.active .custom,
.nav li.hover .custom,
.nav li:hover .custom{
	background-position:0 -28px;
	width:125px;
}
.custom{
	width:119px;
	background: url(../images/bg-nav.gif) no-repeat;
}
.display{
	width:79px;
	background: url(../images/bg-nav.gif) no-repeat -119px 0;
}
.nav li .display:hover,
.nav li.active .display,
.nav li.hover .display,
.nav li:hover .display{
	background-position: -119px -28px;
	width:85px;
}
.specialty{
	width:156px;
	background: url(../images/bg-nav.gif) no-repeat -200px 0;
}
.nav li .specialty:hover,
.nav li.active .specialty,
.nav li.hover .specialty,
.nav li:hover .specialty{
	background-position: -200px -28px;
	width:162px;
}
.binders{
	width:143px;
	background: url(../images/bg-nav.gif) no-repeat -356px 0;
}
.nav li .binders:hover,
.nav li.active .binders,
.nav li.hover .binders,
.nav li:hover .binders{
	background-position: -356px -28px;
	width:149px;
}
.custom-bag{
	width:117px;
	background: url(../images/bg-nav.gif) no-repeat -918px 0;
}
.nav li .custom-bag:hover,
.nav li.active .custom-bag,
.nav li.hover .custom-bag,
.nav li:hover .custom-bag{
	background-position: -918px -28px;
	width:123px;
}
.protective{
	width:166px;
	background: url(../images/bg-nav.gif) no-repeat -499px 0;
}
.nav li .protective:hover,
.nav li.active .protective,
.nav li.hover .protective,
.nav li:hover .protective{
	background-position: -499px -28px;
	width:172px;
}
.bags{
	width:126px;
	background: url(../images/bg-nav.gif) no-repeat -665px 0;
}
.nav li .bags:hover,
.nav li.active .bags,
.nav li.hover .bags,
.nav li:hover .bags{
	background-position: -665px -28px;
	width:132px;
}
.design{
	width:126px;
	background: url(../images/bg-nav.gif) no-repeat -791px 0;
}
.nav li .design:hover,
.nav li.active .design,
.nav li.hover .design,
.nav li:hover .design{background-position: -791px -28px;}





/*start pirco*/




.nav1{
	width:120px;
	background: url(../images/bg-nav-v3.gif) no-repeat;
}
.nav li .nav1:hover,
.nav li.active .nav1,
.nav li.hover .nav1,
.nav li:hover .nav1{
	background-position: 0 -28px;
	width:126px;
}


.nav2 {
	width:150px;
	background: url(../images/bg-nav-v3.gif) no-repeat -120px 0;
}
.nav li .nav2:hover,
.nav li.active .nav2,
.nav li.hover .nav2,
.nav li:hover .nav2{
	background-position: -120px -28px;
	width:156px;
}


.nav3{
	width:106px;
	background: url(../images/bg-nav-v3.gif) no-repeat -270px 0;
}
.nav li .nav3:hover,
.nav li.active .nav3,
.nav li.hover .nav3,
.nav li:hover .nav3{
	background-position: -270px -28px;
	width:112px;
}


.nav4{
	width:166px;
	background: url(../images/bg-nav-v3.gif) no-repeat -376px 0;
}
.nav li .nav4:hover,
.nav li.active .nav4,
.nav li.hover .nav4,
.nav li:hover .nav4{
	background-position: -376px -28px;
	width:172px;
}


.nav5{
	width:125px;
	background: url(../images/bg-nav-v3.gif) no-repeat -542px 0;
}
.nav li .nav5:hover,
.nav li.active .nav5,
.nav li.hover .nav5,
.nav li:hover .nav5{
	background-position: -542px -28px;
	width:131px;
}



.nav6{
	width:126px;
	background: url(../images/bg-nav-v3.gif) no-repeat -667px 0;
}
.nav li .nav6:hover,
.nav li.active .nav6,
.nav li.hover .nav6,
.nav li:hover .nav6{background-position: -667px -28px; width:132px;}



/* end pirco */


/* drop */
.drop{
	position:absolute;
	top:28px;
	left:-1px;
	width:178px;
	display:none;
	overflow:hidden;
}
.drop .t{
	width:178px;
	padding:6px 0 0;
	overflow:hidden;
	background: url(../images/bg-t.png) no-repeat;
}
.drop .c{
	width:148px;
	padding:5px 15px 0;
	overflow:hidden;
	background: url(../images/bg-c.png) repeat-y;
}
.drop .b{
	width:178px;
	height:12px;
	overflow:hidden;
	background: url(../images/bg-b.png) no-repeat;
}
.custom-drop {
	width:132px;
	left:-1px;
}
.custom-drop .t {
	width:132px;
	padding:7px 0 0;
	background:url(../images/bg-t-custom.png) no-repeat;
}
.custom-drop .c {
	width:102px;
	background:url(../images/bg-c-custom.png) repeat-y;
}
.custom-drop .b {
	width:132px;
	background:url(../images/bg-b-custom.png) no-repeat;
}
.custom-drop ul {width:103px;}
.binder-drop {
	width:167px;
	left:-1px;
}
.binder-drop .t {
	width:167px;
	background:url(../images/bg-t-binder.png) no-repeat;
}
.binder-drop .c {
	width:137px;
	background:url(../images/bg-c-binder.png) repeat-y;
}
.binder-drop .b {
	width:167px;
	background:url(../images/bg-b-binder.png) no-repeat;
}
.binder-drop ul {width:137px;}
.custom-bug-drop {
	width:121px;
	left:-1px;
}
.custom-bug-drop .t {
	width:121px;
	background:url(../images/bg-t-custom-bug.png) no-repeat;
}
.custom-bug-drop .c {
	width:91px;
	background:url(../image/sbg-c-custom-bug.png) repeat-y;
}
.custom-bug-drop .b {
	width:121px;
	background:url(../images/bg-b-custom-bug.png) no-repeat;
}
.custom-bug-drop ul {width:121px;}
.protective-drop {
	width:171px;
	left:-2px;
}
.protective-drop .t {
	width:171px;
	background:url(../images/bg-t-protective.png) no-repeat;
}
.protective-drop .c {
	width:141px;
	background:url(../images/bg-c-protective.png) repeat-y;
}
.protective-drop .b {
	width:171px;
	background:url(../images/bg-b-protective.png) no-repeat;
}
.protective-drop ul {width:172px;}
.drop ul{
	margin:0;
	padding:0;
	width:148px;
	list-style:none;
	overflow:hidden;
}
.drop li{
	width:100%;
	padding:0 0 10px;
	font-size:14px;
}
.drop li a{
	float:none;
	height:auto;
	text-indent:1px;
	color:#939393;
}
.drop li a:hover{
	text-decoration:none;
	color:#75abbc;
}

/*start pirco*/




.nav1-drop {
	width:176px;
	left:-1px;
}
.nav1-drop .t {
	width:177px;
	padding:6px 0 0;
	background:url(../images/bg-t-nav1.png) no-repeat;
}
.nav1-drop .c {
	width:176px;
	background:url(../images/bg-c-nav1.png) repeat-y;
}
.nav1-drop .b {
	width:176px;
	background:url(../images/bg-b-nav1.png) no-repeat;
}
.nav1-drop ul {width:173px;}



.nav2-drop .t{
	width:178px;
	padding:6px 0 0;
	overflow:hidden;
	background: url(../images/bg-t-nav2.png) no-repeat;
}
.nav2-drop .c{
	width:178px;
	padding:5px 15px 0;
	overflow:hidden;
	background: url(../images/bg-c-nav2.png) repeat-y;
}
.nav2-drop .b{
	width:178px;
	height:12px;
	overflow:hidden;
	background: url(../images/bg-b-nav2.png) no-repeat;
}
.nav2-drop { width:178px; left:-1px; }


.nav3-drop {
	width:178px;
	left:-1px;
}
.nav3-drop .t {
	width:178px;
	background:url(../images/bg-t-nav2.png) no-repeat;
}
.nav3-drop .c {
	width:178px;
	background:url(../images/bg-c-nav2.png) repeat-y;
}
.nav3-drop .b {
	width:178px;
	background:url(../images/bg-b-nav2.png) no-repeat;
}
.nav3-drop ul {width:178px;}



.nav4-drop {
	width:182px;
	left:-2px;
}
.nav4-drop .t {
	width:182px;
	background:url(../images/bg-t-nav4.png) no-repeat;
}
.nav4-drop .c {
	width:182px;
	background:url(../images/bg-c-nav4.png) repeat-y;
}
.nav4-drop .b {
	width:182px;
	background:url(../images/bg-b-nav4.png) no-repeat;
}
.nav4-drop ul {width:182px;}


.nav5-drop {
	width:171px;
	left:-2px;
}
.nav5-drop .t {
	width:171px;
	background:url(../images/bg-t-nav5.png) no-repeat;
}
.nav5-drop .c {
	width:171px;
	background:url(../images/bg-c-nav5.png) repeat-y;
}
.nav5-drop .b {
	width:171px;
	background:url(../images/bg-b-nav5.png) no-repeat;
}
.nav5-drop ul {width:172px;}


.nav6-drop {
	width:171px;
	left:-2px;
}
.nav6-drop .t {
	width:171px;
	background:url(../images/bg-t-nav6.png) no-repeat;
}
.nav6-drop .c {
	width:141px;
	background:url(../images/bg-c-nav6.png) repeat-y;
}
.nav6-drop .b {
	width:171px;
	background:url(../images/bg-b-nav6.png) no-repeat;
}
.nav6-drop ul {width:172px;}


/* end pirco */





/* area */
.area-inner,
.area{
	width:857px;
	overflow:hidden;
	float:left;
	padding:0 35px 30px 68px;
	margin:0 0 35px;
	background: url(../images/bg-dot.gif) repeat-x 2px 100%;
}
.area-inner {
	padding:0 35px 30px;
	width:890px;
	margin:0;
}
/* text */
.text{
	float:left;
	width:185px;
	overflow:hidden;
	padding:22px 0 0;
}
.area .text h2{
	text-indent:-9999px;
	width:184px;
	height:98px;
	background: url(../images/text-yes.gif) no-repeat;
	margin:0 0 17px;
}
.text p{
	font-size:10px;
	color:#888686;
	margin:0;
	text-align:right;
	line-height:16px;
}
.text p strong{
	font-size:12px;
	color:#3b3b3b;
}
.text p span{
	font-style:italic;
	font-weight:bold;
	color:#3b3b3b;
}
/* visual */
.visual{
	float:right;
	width:621px;
}
.visual p{
	margin:0;
	line-height:30px;
}
.visual p span{ color:#ffa200;}
/* flash */
.flash{
	width:621px;
	overflow:hidden;
	margin:0 0 30px;
	z-index: 1;
}
.flash img,
.items-list img{display:block;}
/* inf */
.inf{
	overflow:hidden;
	clear:both;
	float:left;
	padding:0 0 2px;
	width:960px;
	background: url(../images/bg-dot.gif) repeat-x 2px 100%;
}
/* section */
.section{
	width:890px;
	overflow:hidden;
	float:left;
	padding:0 35px 38px;
}
/* title */
.title{
	float:left;
	width:43px;
}
.title h2{
	display:block;	
	overflow:hidden;
	margin:0;
	width:20px;
}
.title h2 span{
	display:block;
	text-indent:-9999px;
}
.title-custom{
	height:161px;
	margin:35px 0 0!important;
	background: url(../images/text-custom.gif) no-repeat;
}
.title-pop{
	height: 207px;
	margin: 45px 0 0!important;
	background-image: url(../images/text-pop.gif);
	background-repeat: no-repeat;
}
.title-product{
	height: 232px;
	margin: 10px 0 0!important;
	background-image: url(../images/text-product.gif);
	background-repeat: no-repeat;
}
/* info */
.info{
	float:right;
	position:relative;
	width:847px;
	overflow:hidden;
	background: url(../images/bg-info-c.gif) repeat-y;
}
.info .t{
	width:847px;
	overflow:hidden;
	background: url(../images/bg-info.gif) no-repeat;
}
.info .c{
	width:829px;
	overflow:hidden;
	background:url(../images/bg-info.gif) no-repeat -847px 100%;
	padding:19px 0 7px 18px; 
}
/* items-list */
.items-list{
	margin:0 0 -4px;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:900px;
}
.items-list li{
	float:left;
	width:199px;
	margin:0 5px 0 0;
}
.items-list a{ outline:none;}
.info p{
	text-align:right;
	font-size:14px;
	margin:0 15px 0 0;
	position:relative;
}
.info p a{ color:#8a8a8a;}
/* lists-area */
.lists-area{
	width:960px;
	overflow:hidden;
	background: url(../images/bg-dot.gif) repeat-x 2px 100%;
	padding:0 0 15px;
	margin:0 0 18px;
	float:left;
}
/* box */
.box{
	float:left;
	padding:0 0 0 37px;
}
.box h3{
	text-transform:uppercase;
	color:#75abbc;
	font-size:14px;
	margin:0 0 2px;
}
.lists-area ul{
	margin:0;
	padding:0;
	list-style:none;
}
.lists-area .section1{
	width: 165px;
}
.lists-area .section2{
	width: 190px;
	padding: 0;
}
.lists-area .section3{
	width: 170px;
	padding: 0;
}
.lists-area .section4{
	width: 205px;
	padding: 0;
}
.lists-area .section5{
	width:185px;
	padding:0;
}
.lists-area li{
	font-size:14px;
	line-height:18px;
}
.lists-area a strong{text-transform:uppercase;}
/* sidebar */
#sidebar {
	float:left;
	width:240px;
	padding:7px 0;
}
#sidebar h2 {
	margin:0 0 8px;
	font-size:14px;
	color:#75abbc;
}
#sidebar ul {
	margin:0;
	padding:0 0 0 15px;
	list-style:none;
	font-size:14px;
}
#sidebar ul li {
	padding:0 0 5px;
	color: #ffa200;
}
#sidebar ul a {
	color:#75abbc;
}
#sidebar li.active a,
#sidebar a:hover {
	color:#ffa200;
	text-decoration:underline;
}
/* product-block */
.product-block {
	float:right;
	width:543px;
	color:#929292;
	padding:0 38px 0 0;
	overflow:hidden;
}
.product-block p {margin:0;}
.product-block .txt {
	height:1%;
	overflow:hidden;
	padding:46px 0 0;
	font-size:14px;
	line-height:24px;
}
.product-block .txt a {color:#ffa200;}
.product-block ul {
	margin:13px 0 0;
	padding:0;
	list-style:none;
	width:612px;
	overflow:hidden;
}
.product-block li {
	width:234px;
	float:left;
	margin:0 72px 0 0;
}
/* item */
.product-block .item {
	height:1%;
	overflow:hidden;
}
.product-block .item .t {
	background:url(../images/bg-item-t.gif) no-repeat;
	padding:15px 0 0;
	height:1%;
	overflow:hidden;
}
.product-block .item .b {
	background:url(../images/bg-item-b.gif) no-repeat 0 100%;
	padding:0 0 11px;
}
.product-block .item .c {
	width:211px;
	overflow:hidden;
	padding:6px 9px 4px 20px;
	background:url(../images/bg-item-c.gif) repeat-y;
}
.product-block .item img {display:block;}
/* item-title */
.product-block .item-title {
	height:1%;
	overflow:hidden;
	padding:7px 0 0 12px;
}
.product-block .item-title h3 {
	margin:0;
	font-size:18px;
	font-weight:normal;
}
.product-block .item-title a {color:#929292;}
/* footer */
#footer{
	width:925px;
	overflow:hidden;
	padding:0 35px 0 0;
}
#footer p{
	font-size:14px;
	text-align:right;
	margin:0;
	line-height:18px;
	clear:both;
	color:#858585;
}
.detail-block {
	background-image: url(../images/bg-detail-t.gif);
	background-repeat: no-repeat;
	height: 1%;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
	width: 541px;
	margin-bottom: 40px;
}
.detail-bottom {
	background-image: url(../images/bg-detail-b.gif);
	background-repeat: no-repeat;
	padding:0 0 15px;
	background-position: bottom;
	padding-bottom: 15px;
}
.detail-center {
	background-image: url(../images/bg-detail-c.gif);
	background-repeat: repeat-y;
	padding:6px 9px 4px 20px;
	overflow: hidden;
}
.fields {
	padding-left: 30px;
	width: 75px;
	text-align: right;
	line-height: 30px;
	float: left;
	overflow: hidden;
	margin-top: 6px;
}
.small-image-detail {
	float: left;
}
.details-text {
	line-height: 30px;
	color: #75abbc;
	margin-left: 30px;
	float: left;
	width: 275px;
	margin-top: 6px;
}
.details-text-grey {
	color: #929292;
}
.sidebar-on {
	color: #FFA200;
	font-weight: bold;
}