@import url('reset.css');

body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#333;
	min-width:1280px;
	background:url(../lz_images/02.jpg) repeat-x left top;
	line-height:1.5em;
	letter-spacing:0.01em;

}

a{ 
	text-decoration:none; 
	color:#6b6b6b;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-transition: all 0.1s ease-in-out;
	}
	
a:hover{ 
	text-decoration:none; 
	color:#33ccff;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-transition: all 0.1s ease-in-out;
	}
	
.c{clear:both; height:10px;}

#outer_wrap
{
	width:1280px; margin:0 auto;
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0px 3px 3px rgba(0,0,0,.4);
    box-shadow: 0px 3px 3px rgba(0,0,0,.4);
}

td{padding:2px 2px 2px 5px;}
		
#wrapper{ width:1000px;  margin:0 auto; padding:5px;}

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

#header{background:url(../lz_images/top.png) repeat-x left top; width:100%; height:290px;}

.path{ width:100%; background:url(../lz_images/path.png) repeat-x left top; position:relative; top:8px;}

#logo{ background:url(../lz_images/logo.png) no-repeat center top; width:1000px; height:155px; margin:0 auto; border-bottom:dotted #d1d1d1 0px; z-index:999; position:relative;}


.title
{
	width:100%; height:10px; 
	border-top-left-radius:0.5em; 
	border-top-right-radius:0.5em; 
	border-top:thin solid #aaa;
	-webkit-border-bottom-left-radius: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
	-moz-border-bottom-left-radius:0.5em;
	-moz-border-bottom-right-radius:0.5em;
	border-bottom-left-radius:0.5em;
	border-bottom-right-radius:0.5em;
}
	


.title_bot
{
	width:100%; 
	height:7px;
	border-bottom-left-radius:0.5em; 
	border-bottom-right-radius:0.5em; 
	-webkit-border-bottom-left-radius: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
	-moz-border-bottom-left-radius:0.5em;
	-moz-border-bottom-right-radius:0.5em;
	border-bottom:thin solid #aaa;}

.title_line{width:200px;height:2px; border-top:thin solid #aaa; background:#000; margin:0 auto; }
.title_line1{width:200px;height:2px; border-bottom:thin solid #aaa; background:#000; margin:0 auto; }

.bg{ background:url(../lz_images/lightbg.jpg)/*url(../lz_images/dashed.png)*/ repeat left top;}

/*--------------------------------content--------------------------------------*/

.more a{ 
	text-decoration:none; 
	color:#ffffff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-transition: all 0.3s ease-in-out;
	}
	
.more a:hover{ 
	text-decoration:none; 
	color:#000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-transition: all 0.3s ease-in-out;
	}
	

.solutions a{
	background:url(../lz_images/solutions.png) no-repeat center top;
	height:145px; width:363px;
	margin-left:5px;
	float:left;
	color:#ffffff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-transition: all 0.3s ease-in-out;
}

.solutions a:hover{
	background:url(../lz_images/solutions.gif) no-repeat center top;
	height:145px; width:363px; 
	color:#000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-transition: all 0.3s ease-in-out;
}

.promotion a{
	background:url(../lz_images/promotions.png) no-repeat center top;
	height:145px; width:363px;
	margin:0 5px;
	float:left;
	color:#ffffff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-transition: all 0.3s ease-in-out;
}

.promotion a:hover{
	background:url(../lz_images/promotions.gif) no-repeat center top;
	height:145px; width:363px; 
	color:#000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-transition: all 0.3s ease-in-out;
}

.login {
	color:#fff; 
	background:#000; 
	padding:5px; 
	width:120px; height:30px; 
	border-radius:0.5em; 
	cursor:pointer;
	-webkit-text-shadow: 0px 3px 3px rgba(0,0,0,.4);
    -moz-text-shadow: 0px 3px 3px rgba(0,0,0,.4);
    text-shadow: 0px 3px 3px rgba(0,0,0,.4);
}

.box{width:200px; height:200px; float:left; margin:10px;}

.boxtext a
{
	background:#000; 
	padding:10px; 
	width:250px; 
	font-size:12px;
	text-align:center; 
	font-weight:600; 
	border-radius:0.5em; 
	color:#fff; 
	margin-left:20px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-transition: all 0.3s ease-in-out;
	}

.boxtext a:hover
{
	background:#900; 
	color:#FF0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-transition: all 0.3s ease-in-out;
}

/*--------------------------------type setting--------------------------------------*/

h1{font-size:14px; color:#ff0000; font-weight:600;}
h2{ font-size:20px; text-transform:capitalize;font-family: 'Fjalla One', sans-serif; color:#09C; text-align:center; width:100%;}
h3{font-size:20px;font-family: 'Fjalla One', sans-serif; color:#01789b; letter-spacing:1px; padding:20px 5px; text-align:left; line-height:25px; margin-top:-15px;}

h4{font-size:18px; color:#444; font-weight:400;font-family: 'Fjalla One', sans-serif; padding:5px 0;}

/*--------------------------------footer--------------------------------------*/

footer{background:url(../lz_images/footer.png) no-repeat center top; width:100%; height:11px; font-size:10px;}



/*------------------------------products cat----------------------------------*/

.catleft{float:left; width:230px; height:100%;}

.proicon{display:inline; width:200px; margin:0 auto; padding:5px 0; border-bottom:1px #d1d1d1 solid; text-align:center; float:left;}

.proicon a p
{ 
font-family: 'Fjalla One', sans-serif;
font-size:13px; 

color:#666;
padding:5px 10px;
text-transform:uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
}

.proicon a:hover p
{ 
color:#fff;
background:#369;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-transition: all 0.3s ease-in-out;
}

.catright{float:right; width:750px;border:dotted #d1d1d1 1px; padding:0 5px 5px 5px; height:100%;}

.subcat a
{
float:left; 
padding:10px;
margin-right:5px;
text-align:center;
background:#333;
color:#fff;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s 
}

.subcat a:hover
{
	background:#0063e1;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s
}

.subB a
{
float:left; 
padding:10px;
margin-right:5px;
text-align:center;
border-radius:0.5em;
background:#0063e1;
color:black;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s 
}

.subB a:hover
{
background:#B1CBEC;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s
}

.subBB a
{
width:100px;
float:left; 
padding:10px;
margin-right:5px;
text-align:center;
border-radius:0.5em;
background:#143871;
color:White;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s 
}

.subBB a:hover
{
background:#B1CBEC;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s
}

.subBBB a
{
width:200px;
float:left; 
padding:10px;
margin-right:5px;
text-align:center;
border-radius:0.5em;
background:#424242;
color:White;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s 
}

.subBBB a:hover
{
background:#9A9B9C;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s
}
.sub a
{
	width:240px; 
	float:left;	
	margin:3px;
	color:#fff;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s
}

.sub a:hover
{
	background:#fff;
	padding:5px;
	color:#000;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.6);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.6);
        box-shadow: 0px 1px 3px rgba(0,0,0,.6);
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s
}



#superNav li{position:relative;overflow:hidden;background-color:transparent;display:inline-block;height:50px;margin-left:2px;text-align:center; float:left;}


#superNav li span.text{background-color:#333;color:#fff;display:inline-block;line-height:35px;padding:0 10px 0 10px ;text-transform:uppercase;text-align:center;}

#superNav li.selected span.arrow{position:absolute;top:34px;left:50%;border:15px solid transparent;border-top-color:#333;border-left-width:0}


/*----------------------------------manifier effect------------------------------------------*/

.zoom{width:220px; height:220px; float:left; margin:10px; text-align:center;}
.demo { padding:10px; }
.loupe { background-color:#555; background:rgba(0, 0, 0, 0.25); border:5px solid rgba(0, 0, 0, 0);}