/*---------------------------------------------------------
#smartstyle
---------------------------------------------------------*/
.mod-subHeading2{
color:#666;
clear:both;
margin:30px 0 10px 0;
padding:3px 5px;
border-bottom:1px solid #d0d0d0;
background:url(../images/bg_sttl.gif) repeat-x;
}

.mod-subHeading2 h3{
font-size:1.077em;font-weight:bold;margin:0;color:#FFFFFF;
padding:2px 0;
}

h4{
color:#0066a0;
margin:0 0 10px 0;
}


.mod-block{
margin:1em 0;
padding:20px;
border:1px solid #ccc;
background-color:#f2f2f2;
}

	
#smartstyle ul{
margin:0 0 0 -10px;
}
#smartstyle ul li{
list-style:none;
width:230px;
height:250px;
float:left;
text-align:center;
margin:0 2px 0 0;
}

#smartstyle ul li.step1{
background:url(../images/bg_step1.gif) no-repeat;
}
#smartstyle ul li.step2{
background:url(../images/bg_step2.gif) no-repeat;
}
#smartstyle ul li.step3{
background:url(../images/bg_step3.gif) no-repeat;
}
#smartstyle ul li.step4{
background:url(../images/bg_step4.gif) no-repeat;
}
#smartstyle ul li.step4{
margin-right:0px;
}

#smartstyle ul li p{
	text-align:center;
	margin-top:10px;
	clear:both;
}	


#smartstyle ul li.step1 span.txt,
#smartstyle ul li.step2 span.txt,
#smartstyle ul li.step3 span.txt,
#smartstyle ul li.step4 span.txt{
width:180px;
font-size:12px;
display:inline-block;
margin:60px 0 0 0;
text-align:left;
}
#smartstyle ul li span.arrow{
height:22px;
display:block;
position:absolute;
top:118px;
}


ul.smartstyle-info li{
list-style:none;
margin:20px 0 10px -10px;
}


.Edycom{color:#444444;
text-align:left;
}

#popup_pagewidth {
margin:0px auto 0px auto;
padding:0px 16px 26px 16px;
}

a.mod-link,span.mod-link{color:#0066a0; text-decoration:underline;display:inline-block;padding-left:8px;background:url(/share2/images/mod-link/ico_01.png) no-repeat 0 0.45em;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-ms-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}
a.mod-link:hover,a:hover span.mod-link{color:#333333;text-decoration:none;opacity:.6}


.clr{
	clear:both;
	font-size:0px;
	line-height:0px;
}

@media (max-width:640px){
.mod-subTitle h2{
font-weight:normal;
}
#smartstyle ul li span.Inner{
position: inherit;
top:0;
height:128px;
display:block;
}
#smartstyle ul{
margin:0 0 0 -10px;
}
#smartstyle ul li.step1,
#smartstyle ul li.step2,
#smartstyle ul li.step3,
#smartstyle ul li.step4{
width: auto;
height: 124px;
background:none;
position:relative;
float: none;
margin:0px 10px 25px 0px;
border:1px solid #CCCCCC;
background:#F2F2F2;

}
#smartstyle ul li.step4{
margin:0 10px 0 0;
}
#smartstyle ul li img{
position: absolute;
top:10px;
left:0px;
}

#smartstyle ul li.step2 img,
#smartstyle ul li.step3 img{
width:100px;
height:auto;
margin:0 0 0 10px;
}


#smartstyle ul li.step1 img,
#smartstyle ul li.step4 img{
width:100px;
height:auto;
margin:20px 0 0 10px;
}

#smartstyle ul li.step1 span.txt,
#smartstyle ul li.step2 span.txt,
#smartstyle ul li.step3 span.txt,
#smartstyle ul li.step4 span.txt{
padding:15px 10px 0px 120px;
margin:0 0 0 0;
width: auto;
font-size:13px;
text-align:left;
display: block;
}

#smartstyle ul li span.txt br{
display:none !important;
}

#smartstyle ul li span.arrow{
width: 100%;
height: 22px;
display: block;
position: absolute;
left:0;
bottom: 0px;
z-index: 20;
margin-top: 6px;
background: url(../images/arrow.gif) no-repeat center;
}


h4{
color:#2e58a6;
margin:0;
}
}