@charset "utf-8";
/* CSS Document */
/*margin: 0;/*Firefox*/
/*.margin: 0;/*IE6, IE7*/
/*_margin: 0;/*IE6*/

html, body{
width:100%;
height:100%;
}
body{
margin:0;
padding:0;
color:black;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
border:medium none;
background-image:url(/images/active.design_n/element/pattern.gif);
background-repeat:repeat;
}

/***********************************************************************************************************************COMMON ELEMENTS*/
a, abbr, acronym, address, area, b, big, body, caption, cite, code, col, colgroup, dd, del, div, dfn, dl, dt, em, fieldset, form, html, i, iframe, img,ins, kbd, label,
legend, noframes, noscript, object, optgroup, p, param, pre, samp, script, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead,tr, tt, var{
margin: 0;
padding: 0;
}
a, abbr, acronym, address, area, b, big, blockquote, body, caption, cite, code,col, colgroup, dd, del, div, dfn, dl, dt, em, fieldset, form, h1, h2, h3, h4,h5, h6, html, i, iframe,
img, ins, kbd, label, legend, li, noframes, noscript,object, ol, optgroup, p, param, pre, q, samp, script, small, span, strong, sub,sup, tbody, tfoot, thead, tr, tt, ul, var, a img{
border: 0;
}

#div{
margin:0;
padding:0;
border:none;
}
object{
margin:0;
padding:0;
}
img{
margin:0;
padding:0;
border:none;
}
form{
margin:0;
padding:0;
}
input{
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
input:focus, select:focus, textarea:focus{
outline:none;
} 
label{
margin:0;
padding:0;
}
table tr{
background:none;
}
.left{
float:left;
}
.right{
float:right;
}
.clearer{
clear:both;
}
.hide{
display:none;
}

h1, h2, h3, h4, h5 {
margin:0;
padding:0;
}
h1{
font-size:1.4em;
margin:5px 0 0;
}
h2{
font-size:1.1em;
}

h2, h3 {
color:#114477;
text-align:left;
}
h3 {
font-size:1.1em;
font-weight:bold;
margin:5px 0 0;
}
h3 a, h3 a:hover{
color:#114477;
text-decoration:none;
}
h3.code{
margin-bottom:1.2em;
font-size:1em;
font-weight:bold;
color:#999 !important;
letter-spacing:2px;
}

h4.badge_1{
width:80px;
height:80px;
line-height:80px;
font-size:2em;
color:white;
text-align:center;
background-image: url(/images/active.design_n/element/badge_1.png);
_background-image: url(/images/active.design_n/element/badge_1_ie.png);
background-repeat: no-repeat;
}
h4.badge_X{
width:150px;/*160-*/
height:50px;/*70-*/
padding:10px 5px;
font-size:2em;
color:black;
text-align:center;
background-image: url(/images/active.design_n/element/badge_X.png);
_background-image: url(/images/active.design_n/element/badge_X_ie.png);
background-repeat: no-repeat;
}
h4.badge_2, h4.badge_3{
width:90px;
text-align:center;
position:absolute;
}
h4.badge_2{
height:40px;
padding:0px 5px;
line-height:40px;
font-size:1.8em;
color:white;
background-image: url(/images/active.design_n/element/badge_2.png);
_background-image: url(/images/active.design_n/element/badge_2_ie.png);
background-repeat: no-repeat;
}
h4.badge_3{
height:32px;
padding:4px 5px;
line-height:14px;
font-size:1.2em;
color:black;
background-image: url(/images/active.design_n/element/badge_3.png);
_background-image: url(/images/active.design_n/element/badge_3_ie.png);
background-repeat: no-repeat;
}
h4.badge_4{
height:50px;
width:30px;
text-indent:-10000px;
background-image: url(/images/active.design_n/element/badge_4.png);
_background-image: url(/images/active.design_n/element/badge_4_ie.png);
background-repeat: no-repeat;
}


h4.badge_6{
width:70px;/*120-10*/
height:75px;/*72-10*/
padding:25px 30px 0 0;
font-size:2em;
color:white;
text-align:center;
background-image: url(/images/active.design_n/element/badge_6.png);
_background-image: url(/images/active.design_n/element/badge_6_ie.png);
background-repeat: no-repeat;
}
.badge_5{
width:120px;
height:120px;
padding:20px;
background-image: url(/images/active.design_n/element/badge_5.png);
_background-image: url(/images/active.design_n/element/badge_5_ie.png);
background-repeat: no-repeat;
display:block;
}
.badge_5 p{
width:120px;
height:120px;
font-size:1.3em;
color:white;
font-weight:bold;
text-align:center !important;
overflow:hidden;
}
.badge_5 a{
color:white;
border-bottom: dotted white 1px;
text-decoration:none;
}
.badge_5 a:hover{
color:#59000f;
border-bottom: dotted #59000f 1px;
text-decoration:none;
}
.badge_5 p strong{
color:#59000f;
background:none !important;
}

h4.badge_1 span, h4.badge_2 span, h4.badge_3 span{
font-size:0.8em;
}

h3.yes, h3.no{
height:20px;
line-height:20px;
margin:0;
padding-left: 20px;
}
h3.yes{
color:green;
background:transparent url(/images/active.design_n/element/button_yes.gif) no-repeat scroll 0 0px;
}
h3.no{
color:red;
background:transparent url(/images/active.design_n/element/button_no.gif) no-repeat scroll 0 0px;
}

p{
margin:0;
padding:0;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1em;
}
a{
-moz-outline:none;
color:#1188DD;
text-decoration:underline;
}
em{
letter-spacing: 1px;
font-weight:bold;
color:#7e7e7e;
}

a:hover{
color:#ccc;
}
ol{
list-style:decimal;
}
ul{
margin:0;
padding:0;
overflow:hidden;
_overflow:visible;
_height:1%;/*IE6*/
list-style:none;
}
ul.listprice, ul.transport{
color:#114477;
}
ul.discountprice, ul.runout, ul.total{
color:red;
}
ul.vat, ul.grossprice, ul.onstore, ul.gift{
color:#6D9003;
}
ul.oldprice{
color:#999;
}
ul.gift{
margin-top:10px;
padding-top:5px;
border-top: 1px solid #e0e3e5;
}
ul.gift li{
margin-right:5px;
font-size:1.2em;
font-weight:bold;
float:left;
}
li.str{
float:left;
}
li.num{
float:right;
}
li.str span, li.num span{
font-weight:normal;
font-size:0.8em;
}
li.str, li.num{
font-weight:bold;
font-size:1.5em;
}
ul.oldprice li.str, ul.vat li.str, ul.grossprice li.str, ul.oldprice li.num, ul.vat li.num, ul.grossprice li.num{
font-weight:normal;
font-size:1.2em;
}
ul.oldprice li.num{
text-decoration:line-through;
}
ul.onstore li span, ul.runout li span{
color:black;
}
/*
ul.listprice li.str, ul.listprice li.num, ul.discountprice li.str, ul.discountprice li.num{
font-weight:bold;
font-size:1.4em;
}
*/
/*
li.str, li.num{
font-weight:bold;
font-size:1em;
}

ul.listprice li.str span, ul.listprice li.num span, ul.discountprice li.str span, ul.discountprice li.num span{
font-weight:normal;
font-size:10px;
}
*/
.emp1{
font-size:1.1em;
font-weight:bold;
color:#0386DB;
}
.emp2{
font-size:1.4em;
font-weight:bold;
color:#0386DB;
}
.emp3{
font-size:1.6em;
font-weight:bold;
color:#0386DB;
}
.emp4{
font-size:1.9em;
font-weight:bold;
color:#037bc8;
}
a.button_cart, a.button_cart:hover, a.button_download_prod, a.button_download_prod:hover{
background-image:url(/images/active.design_n/element/button_cart.png);
_background-image:url(/images/active.design_n/element/button_cart.gif);
background-repeat:no-repeat;
color:white;
}
a.button_details, a.button_details:hover{
/*background-image:url(/images/active.design_n/element/button_details.gif);*/
background-image:url(/images/active.design_n/element/button_details.png);
background-repeat:no-repeat;
color:white;
}
a.button_help, a.button_help:hover{
background-image:url(/images/active.design_n/element/button_regist.png);
_background-image:url(/images/active.design_n/element/button_regist.gif);
background-repeat:no-repeat;
color:white;
}
a.button_cart, a.button_details, a.button_download_prod, a.button_help{
width:150px;
height:17px;
margin:2px 0;
padding:3px 5px 0;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:1.1em;
font-weight:bold;
cursor:pointer;
letter-spacing:1pt;
text-align:center;
text-decoration:none;
}
input.button_advsearch{
/*background:transparent url(/images/active.design_n/element/button_details.gif) no-repeat scroll 0 0;*/
background:transparent url(/images/active.design_n/element/button_details.png) no-repeat scroll 0 0;
}
input.button_cart, input.button_regist, input.button_advsearch, input.button_download{
width:160px;
height:20px;
padding:0 5px 0;
color:white;
cursor:pointer;
font-size:1.1em;
font-weight:bold;
letter-spacing:1pt;
text-align:center;
text-decoration:none;
display:block;
/*background:white none repeat scroll 0 0;*/
border:medium none;
}



a.question{
width:20px;
height:20px;
margin:0;
padding:0;
display:block;
cursor:help;
background:transparent url(/images/active.design_n/element/button_question.gif) no-repeat scroll 0 -2px;
text-indent:-2000px;
}
span.date {
color:#6D9003;
display:block;
font-size:1em;
font-weight:bold;
text-align:left;
}
strong{
font-size:1.1em;
color:#6d9003;/*exorange*/
}
hr{
margin:10px 0 10px 0;
border: none 0;
border-top: 1px solid #e0e3e5;
height: 1px;
}
.textimg_left{
margin: 5px 5px 5px 0;
float:left;
}
.textimg_right{
margin: 5px 0px 5px 5px;
float:right;
}
.img_container_normal{
width:130px;
height:130px;
margin:20px auto;
text-align:center;
}
.img_container_normal img{
border: 1px #e0e3e5 solid;
/*
a doboz 130x130, a kép 130x130, de mivel van egy 1px kerete 132x132.
Emiatt 2 px kilóg. A jelenlegi design eseténe ez nem számít.
Ha problémát okoz vagy w-h: 132px, vagy a kép w-w: 128px
*/
}
.img_container_normal h5, .img_container_small h5{
width:130px;
height:130px;
line-height:130px;
font-size:2em;
color:#114477;
text-align:center;
border: 1px #e0e3e5 solid;
background:url(/images/active.design_n/element/nincskep_130.jpg) no-repeat 0px 0px;
}
.img_container_small{
width:67px;
height:67px;
text-align:center;
/*height:130px;*/
overflow:hidden;
}
.img_container_small img{
border: 1px #e0e3e5 solid;
}
/*
.img_container_small h5{
width:65px;
height:45px;
padding-top:20px;
font-size:1.2em;
color:#114477;
text-align:center;
border: 1px #e0e3e5 solid;
background:url(/images/active.design_n/element/nincskep_65.jpg) no-repeat 0px 0px;
}
*/
.img_container_ad{
width:162px;
margin:0 8px;
_width:158px;
height:162px;
text-align:center;
}
.img_container_ad img{
border: 1px #e0e3e5 solid;
}
/**/
.commonBox{
width:190px;
margin:0 0 10px 0;
background: url(/images/active.design_n/element/w190_mid_rep_y.gif) repeat-y;
} 
.commonBox .top{
height:30px;
width:190px;
overflow:hidden;
.height:1%;/*IE hack*/
}
.commonBox .top h3{
height:30px;
line-height:30px;
margin:0;
color:white;
font-size:1.4em;
letter-spacing:2px;
/*padding-top: 7px;*/
text-align:left;
text-decoration:none;
float:left;
}
.commonBox .top h3, .top h3 a, top h3 a:hover{
color:white;
margin:0;
text-decoration:none;
}
.commonBox .middle{
width:180px;
padding: 5px;
}
.commonBox .bottom{
width:190px;
height:30px;
margin:0;
padding:0;
text-align:center;
}
/*bottom pager*/
.bottom ul{
height:30px;
margin:0 auto;
width:130px;
}
.bottom li{
display:inline;
font-weight:bold;
letter-spacing:1px;
}
.bottom li a, .bottom li.off {
color:#114477;
display:block;
float:left;
font-size:1.2em;
margin:0;
text-align:center;
text-decoration:none;
}
.bottom li a.button_left{
background:transparent url(/images/active.design_n/element/button_left_right.gif) no-repeat scroll 0 5px;
margin-right:5px;
}
.bottom li a.button_right{
background:transparent url(/images/active.design_n/element/button_left_right.gif) no-repeat scroll -20px 5px;
margin-left:5px;
}
.bottom li a.button_left, .bottom li a.button_right {
width:20px;
height:30px;
text-indent:-10000px;
}
.bottom a.num, .bottom a.num_off, .bottom a.num_off:hover {
height:30px;
line-height:30px;
padding:0 3px;
}
.bottom a.num_off, .bottom a.num_off:hover {
color:white;
background:#114477 none repeat scroll 0 0;
}
.bottom a.num:hover{
color:#ccc;
}
/*******************************************************************************************************************************header*/
#header_back, #header{
display: block;
width:950px;
padding:0 10px;
height:260px;
}
#header_back{
/*background-image:url(/images/active.design_n/element/topbox_back.jpg);*/
background-image:url(/images/active.design_n/element/topbox_back.png);
background-repeat:no-repeat;
}
#header{
position:relative;
}
#header_1{
display:block;
position:absolute;
top:0px;
left:0px;
width:140px;
height:170px;
display:none;
/*background:yellow;*/
}
#header_2{
display:block;
overflow:hidden;
position:absolute;
top:170px;
left:0px;
width:190px;
height:50px;
}
#header_2 p{
display:none;
}

#header_2 .align1{
float:left;
}
#header_2 .align2{
float:none;
}
#header_2 .align3{
float:none;
}
#header_2 .clearer1{
clear:none;
*.display:none;
}
#header_2 .clearer2{
clear:both;
}

#header_2 .input_container{
width:104px;/*110-*/
height:17px;/*20-*/
padding: 3px 3px 0 3px;
background:white;
/*background: url(/images/active.design_n/element/inputbox_100x20_qs_qsa.gif) no-repeat  0px 0px;*/
position:absolute;
left:5px;
top:12px;
}
#header_2 input.txt{
width:104px;
margin:0;
font-size:1.1em;
color:#0386db;
border: none;
background: none;
}
#header_2 input.search_button{
width:60px;/*60-*/
height:20px;/*20-*/
margin:0;
padding:0;
font-size:1.1em;
letter-spacing:1pt;
color:white;
font-weight:bold;
border:none;
/*background: url(/images/active.design_n/element/button_search.gif) no-repeat 0px 0px;*/
background: url(/images/active.design_n/element/button_search.png) no-repeat 0px 0px;
display:block;
cursor:pointer;
position:absolute;
left:115px;
top:12px;
}
#header_2 a{
margin:5px 5px 0 0px;
font-size:1em;
color:#dbecf4;
letter-spacing:1px;
text-decoration:none;
position:absolute;
top:32px;
left:5px;
/*
display:block;
float:right;
*/
}
#header_2 a:hover{
color:white;
}
#header_3{
display:block;
position:absolute;
top:0px;
left:190px;
width:570px;
height:30px;
}
#header_3 ul{
margin-top:10px;
text-align:right;
font-size:1.2em;
}
#header_3 li{
padding-right:15px;
display:inline;
}
#header_3 a{
width:114px;
color:#114477;
font-weight:bold;
letter-spacing:1px;
text-decoration:none;
}
#header_3 a:hover{
color:#1188dd;
}

#header_4{
display:block;
position:absolute;
top:30px;
/*left:140px;*/
left:0px;/*header_1 disp.none*/
width:760px;
height:140px;
}
#header_4 h1, #header_4 h2{
margin-left:160px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
display:none;
}
#header_4 h1{
margin-top:10px;
color:#2C579C;
font-size:3.5em;
z-index:1;
}
#header_4 h2{
color:#2C579C;
font-size:2em;
z-index:2;
}
#header_4 object{
position:absolute;
top:0;
left:0;
z-index:10;
/*display:none;*/
}
#header_5{
display:block;
position:absolute;
top:170px;
left:190px;
width:570px;
height:50px;
overflow:hidden;
}
#header ul{

}
#header_5 li{
width:112px;
height:50px;
overflow:hidden;
display:table;	
float:left;
position:relative;
background:url(/images/active.design_n/element/extramenu_back.png) no-repeat 0 0;
_background:url(/images/active.design_n/element/extramenu_back_ie.png) no-repeat 0 0;/*IE6*/
}
#header_5 li:hover{
background:url(/images/active.design_n/element/extramenu_back.png) no-repeat 0 -50px;
_background:url(/images/active.design_n/element/extramenu_back_ie.png) no-repeat 0 -50px;/*IE6*/
}
#header_5 li#extra5{
background:url(/images/active.design_n/element/extramenu_back_red.png) no-repeat 0 0px;
_background:url(/images/active.design_n/element/extramenu_back_red_ie.png) no-repeat 0 0px;/*IE6*/
}
#header_5 li#extra5:hover{
background:url(/images/active.design_n/element/extramenu_back_red.png) no-repeat 0 -50px;
_background:url(/images/active.design_n/element/extramenu_back_red_ie.png) no-repeat 0 -50px;/*IE6*/
}

#header_5 a{
width:92px;/*112-*/
padding: 0 10px;
display:table-cell;
float:none;
vertical-align:middle;
font-size:1.2em;
color:white;
font-weight:bold;
text-align:center;
text-decoration:none;
/*IE6-7*/
.position:absolute;
.top:50%;
}
#header_5 a:hover{
color:#750303;
.color:white;
}

#header_5 a span{
/*IE6-7*/
.display:block;
.cursor:pointer;
.position:relative;
.top:-50%;
}
#header_6{
display:block;
position:absolute;
top:0px;
left:760px;
width:190px;
height:30px;
}
#header_6 ul{
padding-right:10px;
margin-top:10px;
text-align:right;
}
#header_6 li{
color:#023456;
font-weight: bold;
padding:0 2px 0 5px;
display:inline;
}
#header_6 img{
border:#ccc 1px solid;

}
#header_7{
display:block;
position:absolute;
top:30px;
left:760px;
width:170px;/*190-20*/
height:165px;/*190-*/
padding:10px 10px 10px 10px;
}
#header_7 ul{
width:170px;
font-size:1.2em;
color:white;
text-align:center;
}
#header_7 li{
margin:5px 0px;
/*display:inline;*/
}
#header_7 h2{
margin:5px 0;
padding:0 0 0 5px;
font-size:1.4em;
letter-spacing:1pt;
text-align:left;
color:white;
}

#header_7 .input_container{
width:140px;/*150-10*/
height:17px;/*20-2*/
margin:5px auto;
padding:3px 5px 0 5px;
background:white;
/*background: url(/images/active.design_n/element/inputbox_150x20_username.gif) no-repeat  0px 0px;*/
}
#header_7 input.txt{
width:140px;
margin:0;
font-size:1.1em;
color:#0386db;
border: none;
background: none;
}

#header_7 li.button_login input{
width:150px;
height:20px;
margin:0;
padding:0;
letter-spacing:1px;
color:white;
border:none;
font-weight:bold;
cursor:pointer;
}
#header_7 li.button_orderlist a, #header_7 li.button_orderlist a:hover, #header_7 li.button_logout a, #header_7 li.button_logout a:hover, #header_7 li.button_datachange a, #header_7 li.button_datachange a:hover{
width:146px;/*150*/
height:23px;/*30*/
margin:0 auto;
padding:7px 0 0 35px;
text-align:center;
letter-spacing:1px;
font-weight:bold;
color:white !important;
text-decoration:none !important;
display:block;
}
#header_7 li.button_login input{
/*background: url(/images/active.design_n/element/button_150x20_login.gif) no-repeat 0px 0px;*/
background: url(/images/active.design_n/element/button_150x20_login.png) no-repeat 0px 0px;
}
#header_7 li.button_logout a, #header_7 li.button_logout a:hover{
text-align:left;
padding-left:40px;
background: url(/images/active.design_n/element/button_170x30_logout.gif) no-repeat 0px 0px;
}
#header_7 li.button_datachange a, #header_7 li.button_datachange a:hover{
text-align:left;
padding-left:40px;
background: url(/images/active.design_n/element/button_170x30_settings.gif) no-repeat 0px 0px;
}
#header_7 li.button_orderlist a, #header_7 li.button_orderlist a:hover{
text-align:left;
padding-left:40px;
background: url(/images/active.design_n/element/button_170x30_delivery.gif) no-repeat 0px 0px;
}
#header_7 li.button_orderlist{
margin:20px 0 0 0;
}
#header_7 li.button_logout{
/*margin-top:10px;*/
}
#header_7 li.button_datachange{
/*margin-top:20px;*/
}
#header_7 li.chk{
height:2em;
line-height:2em;
text-align:left;
padding-left:25px;
position:relative;
}
#header_7 input.chk{
position:absolute;
left:10px;
top:7px;
.left:5px;/*IE*/
.top:4px;/*IE*/
}
#header_7 label{
text-align:left;
}

#header_7 a{
color:#dbecf4;
letter-spacing:1px;
text-decoration:none;
}
#header_7 a:hover{
color:white;
}
#header_8{
display:block;
position:absolute;
top:220px;
left:0px;
width:940px;/*950-10*/
height:30px;/*30-*/
padding:0px 5px 0 5px;
}
#header_8 a, #header_8 a.active{
height:30px;
line-height:30px;
padding:0px 20px 0 3px;
font-size:1.2em;
letter-spacing:1px;
display:block;
float:left;
color:#dbecf4;
font-weight:bold;
text-decoration:none;
background: url(/images/active.design_n/element/list_dbt.gif) no-repeat right 9px;
}

#header_8 a:hover{
color:white;
background: url(/images/active.design_n/element/list_wt.gif) no-repeat right 9px;
}
#header_8 a.active{
background:none;
color:white;
text-decoration:none;
}
#header_8 a.home{
/*
background: url(/images/active.design_n/icon/icon_20_home.gif) no-repeat 0px 6px;
text-indent:-10000px;
*/
}
#header_8 li{
display:inline;
}
/******************************************************************************************************************************content*/
#content_back{
}
object{
/*display:none;*/
}
#content{
width:950px;
padding:0 10px 30px 10px;
background-image: url(/images/active.design_n/element/middle_back_rep_y.gif);
background-repeat:repeat-y;
}
/****************************************************************************************************************************ICON SET*/
.ico{
width:30px;
height:30px;
margin:0;
padding:0;
float:left;
/*display:none;*/
}
#menuBox .ico{
background-image:url(/images/active.design_n/icon/icon30_menu.gif);
background-repeat:no-repeat;
}
.adBox .ico, .bannerBox .ico{
background-image:url(/images/active.design_n/icon/icon30_ad.gif);
background-repeat:no-repeat;
}
#newsBox .ico{
background-image:url(/images/active.design_n/icon/icon30_news.gif);
background-repeat:no-repeat;
}
#toplistBox .ico{
background-image:url(/images/active.design_n/icon/icon30_toplist.gif);
background-repeat:no-repeat;
}
#tagBox .ico{
background-image:url(/images/active.design_n/icon/icon30_cloud.gif);
background-repeat:no-repeat;
}
#sidecartBox .ico{
background-image:url(/images/active.design_n/icon/icon30_cart.gif);
background-repeat:no-repeat;
}
.productsBox .ico{
background-image:url(/images/active.design_n/icon/icon30_info.gif);
background-repeat:no-repeat;
}
#searchBox .ico{
background-image:url(/images/active.design_n/icon/icon30_search.gif);
background-repeat:no-repeat;
}
#cartBox .ico{
background-image:url(/images/active.design_n/icon/icon30_cart.gif);
background-repeat:no-repeat;
}
#registBox .ico{
background-image:url(/images/active.design_n/icon/icon30_user.gif);
background-repeat:no-repeat;
}
#orderlistBox .ico{
background-image:url(/images/active.design_n/icon/icon30_info.gif);
background-repeat:no-repeat;
}
#basicBox .ico{
background-image:url(/images/active.design_n/icon/icon30_info.gif);
background-repeat:no-repeat;
}

#site_back{
width:970px;
margin:0 auto;
}
#site{
width:970px;
}

/*************************************************************************************************************************sideContent_1*/
#sideContent_1{
float:left;
width:190px;
}
#sideContent_1 .top{
background: url(/images/active.design_n/element/w190_top_left.gif) no-repeat 0px 0px;
}
#menuBox .middle{
width:190px;
height:auto !important;/*IE*/
height: 150px;/*IE*/
min-height:150px;
}
#menuBox, .bannerBox{
position:relative;
}
#menuBox .middle, .bannerBox .middle{
padding:10px 0;
position:relative;
z-index:1;
}
#menuBox .bottom, .bannerBox .bottom{
position:absolute;
bottom:0;
}
/*****************************************************************************MENU*/
body{
_behavior:url("csshover.htc");/*IE6*/
}
#menuBox{
position:relative;
z-index:3;
}
ul.menu, ul.submenu{
cursor:default;
list-style:none;
overflow:visible;
}
ul.menu{
width:190px;/*190-*/
margin:0;
}
ul.submenu{
width:190px;/*190-*/
margin:0;
padding: 0 0 10px 0;
background:transparent url(/images/active.design_n/element/w190_submenu_bottom.gif);
background-repeat:no-repeat;
background-position:bottom;
}
#sideContent_1 ul.submenu div.top{
width:190px;
height:10px;
margin:0;
padding:0;
background:transparent url(/images/active.design_n/element/w190_submenu_top.gif) no-repeat scroll 0 0;
}
#menuBox ul.submenu li a, #menuBox ul.submenu li h2{
font-size:1em;
font-weight:normal;
}
#menuBox li{
position:relative;
_display: inline;/*IE6*/
}
#menuBox ul.menu h2{
margin:0;
padding:0;
font-size:1em;
font-weight:normal;
}
#menuBox ul.menu a, #menuBox ul.submenu a{
margin: 0;
color:#2C579C;
display:block;
text-decoration:none;
}
#menuBox ul.menu a, #menuBox ul.submenu a{
width:160;/*190-*/
height:16px;
line-height:16px;
font-size:1.2em;
font-weight:bold;
overflow:hidden;
padding:2px 25px 2px 10px;
text-decoration:none;
}
#menuBox ul.submenu a{
width:163;/*190-*/
height:20px;
line-height:20px;
padding:0 18px 0 9px;
}
/*normal*/
#menuBox ul.menu a, #menuBox ul.submenu a{
background:transparent url(/images/active.design_n/element/menu_back_states.gif) no-repeat scroll 0 0px;
}
#menuBox ul.menu h2 a, #menuBox ul.submenu h2 a{
background:transparent url(/images/active.design_n/element/menu_back_states.gif) no-repeat scroll 0 -40px;
}
/*hover*/
#menuBox ul.menu a:hover, #menuBox ul.submenu a:hover{
color:white;
background:transparent url(/images/active.design_n/element/menu_back_states.gif) no-repeat scroll 0 -20px;
}
#menuBox ul.menu h2 a:hover, #menuBox ul.submenu h2:hover{
color:white;
background:transparent url(/images/active.design_n/element/menu_back_states.gif) no-repeat scroll 0 -60px;
}
/*positioning*/
#menuBox ul.submenu{
position: absolute;
top:-10px;/**/
}
/*hide and reveal*/
#menuBox ul ul, #menuBox ul li:hover ul ul, #menuBox ul li:hover ul ul ul, #menuBox ul li:hover ul ul ul ul{
position:absolute;/*FF, IE6-8*/
left: -666%;
}
#menuBox ul li:hover ul, #menuBox ul ul li:hover ul, #menuBox ul ul ul li:hover ul, #menuBox ul ul ul ul li:hover ul{
position:absolute;/*FF, IE6-8*/
/*left: 100%;*/
left: 189px;
}
/*parent link marked*/
/*level0*/
#menuBox ul li:hover a{
color:white;
background:transparent url(/images/active.design_n/element/menu_back_states.gif) no-repeat scroll 0 -60px;
}
#menuBox ul li:hover ul a{
color: #646466;
background:transparent url(/images/active.design_n/element/menu_back_states.gif) no-repeat scroll 0 0px;
}
#menuBox ul li:hover ul h2 a{
color: #646466;
background:transparent url(/images/active.design_n/element/menu_back_states.gif) no-repeat scroll 0 -40px;
}
/*level1*/
#menuBox ul ul li:hover h2 a{
color: white;
background:transparent url(/images/active.design_n/element/menu_back_states.gif) no-repeat scroll 0 -60px;
}
#menuBox ul ul li:hover ul a{
color: #646466;
background:transparent url(/images/active.design_n/element/menu_back_states.gif) no-repeat scroll 0 0px;
}
#menuBox ul ul li:hover ul h2 a{
color: #646466;
background:transparent url(/images/active.design_n/element/menu_back_states.gif) no-repeat scroll 0 -40px;
}
/*level2*/
#menuBox ul ul ul li:hover h2 a{
color: white;
background:transparent url(/images/active.design_n/element/menu_back_states.gif) no-repeat scroll 0 -60px;
}
#menuBox ul ul ul li:hover ul a{
color: #646466;
background:transparent url(/images/active.design_n/element/menu_back_states.gif) no-repeat scroll 0 0px;
}
#menuBox ul ul ul li:hover ul h2 a{
color: #646466;
background:transparent url(/images/active.design_n/element/menu_back_states.gif) no-repeat scroll 0 -40px;
}
/*level3*/
#menuBox ul ul ul ul li:hover h2 a{
color: white;
background:transparent url(/images/active.design_n/element/menu_back_states.gif) no-repeat scroll 0 -60px;
}
#menuBox ul ul ul ul li:hover ul a{
color: #646466;
background:transparent url(/images/active.design_n/element/menu_back_states.gif) no-repeat scroll 0 0px;
}
#menuBox ul ul ul ul li:hover ul h2 a{
color: #646466;
background:transparent url(/images/active.design_n/element/menu_back_states.gif) no-repeat scroll 0 -40px;
}
/*****************************************************************************MENU*/
#sideContent_1 .bottom{
background: url(/images/active.design_n/element/w190_bottom_left.gif) no-repeat right 0;
}
.bannerBox ul{
margin:0 8px;
width:162px;
}
.bannerBox li{
display:inline;
font-size:1.1em;
font-weight:bold;
line-height:1.5em;
}
.bannerBox li a{
margin-right:5px;
border-bottom:1px solid white;
color:#2C579C;
font-weight:bold;
text-decoration:none;
}
.bannerBox li a:hover{
color:#ccc;
text-decoration:none;
border:none;
border-bottom: solid 1px #ccc; 
}
.img_container_banner{
margin:0 8px 10px;
text-align:center;
width:162px;
}
.img_container_banner img{
border:1px solid #E0E3E5;
}
.img_container_swfbanner{
width:160px;
height:240px;
margin:0 8px 10px;
border:1px solid #E0E3E5;
text-align:center;
}
/***************************************************************************************************************************mainContent*/
#mainContent{
display:block;
width:570px;
/*_margin-left:-2px;*/
float:left;
/*background:orange;*/
}
#mainContent .top h3, #mainContent .top h2{
height:30px;
line-height:30px;
margin:0;
padding: 0 0 0 5px;
color:white;
font-size:1.2em;
float:left;
}
#mainContent .adBox{
width:368px;
height:218px;
margin:0 5px 10px 5px;
overflow:hidden;
background:transparent none repeat scroll 0 0;
border:1px solid #E0E3E5;
float:left;
_display:inline; /*IE6*/
}
#newsBox{
height:220px;
min-height:220px;
margin-bottom:10px;
float:left;
_display:inline; /*IE6*/
background:transparent url(/images/active.design_n/element/w190_mid_rep_y_2.gif) repeat-y scroll 0 0;
}
#mainContent #newsBox .top{
width:180px;
height:30px;
padding:0 5px;
background-image:url(/images/active.design_n/element/w190_top_square.gif);
background-repeat:no-repeat;
}
#newsBox .top h3{
margin-left:5px;
}
#newsBox .top li{
display:inline;
font-weight:bold;
letter-spacing:1px;
}
#mainContent #newsBox .top li a.button_left{
background:transparent url(/images/active.design_n/element/button_left_right_2.gif) no-repeat scroll 0 5;
margin-right:0px;
}
#mainContent #newsBox .top li a.button_right{
background:transparent url(/images/active.design_n/element/button_left_right_2.gif) no-repeat scroll -20px 5;
margin-left:0px;
}
#newsBox .top li a.button_left, #newsBox .top li a.button_right{
height:20px;
text-indent:-10000px;
width:20px;
}
#newsBox .top li a{
color:#DBECF4;
display:block;
float:left;
font-size:1.2em;
margin:0;
text-align:center;
text-decoration:none;
}
#newsBox .middle{
width:180px;
height:180px;/*IE*/
min-height:180px;
overflow:hidden;
padding:3px 5px 2px 5px;
}
#newsBox .middle p{
height:60px;
margin:0 1px;
overflow:hidden;
padding:0 5px;
line-height:1em;
}
#mainContent #newsBox .bottom{
width:180px;
height: 5px;
padding: 0 5px;
background:url(/images/active.design_n/element/w190_bottom_square.gif) no-repeat 0 0;
_overflow:hidden;/*IE6*/
}
/*#mainContent common top-bottom*/
#mainContent .top{
width:560px;
height:30px;
padding: 0 5px;
background-image:url(/images/active.design_n/element/w570_top.gif);
background-repeat:no-repeat;
overflow:hidden;
float:left;
}
#mainContent .top ul, #mainContent .bottom ul{
width:auto;
height:30px;
margin:0 10px;
float:right;
}
#mainContent .top li, #mainContent .bottom li{
display:inline;
font-weight:bold;
letter-spacing:1px;
}
#mainContent .top li a.button_left{
background:transparent url(/images/active.design_n/element/button_left_right_2.gif) no-repeat scroll 0 5px;
margin-right:10px;
}
#mainContent .bottom li a.button_left{
background:transparent url(/images/active.design_n/element/button_left_right.gif) no-repeat scroll 0 5px;
margin-right:10px;
}
#mainContent .top li a.button_right{
background:transparent url(/images/active.design_n/element/button_left_right_2.gif) no-repeat scroll -20px 5px;
margin-left:10px;
}
#mainContent .bottom li a.button_right{
background:transparent url(/images/active.design_n/element/button_left_right.gif) no-repeat scroll -20px 5px;
margin-left:10px;
}
#mainContent .top li a.button_left, #mainContent .top li a.button_right, #mainContent .bottom li a.button_left, #mainContent .bottom li a.button_right  {
height:30px;
text-indent:-10000px;
width:20px;
}
#mainContent .top li a, #mainContent .top li.off, #mainContent .bottom li a, #mainContent .bottom li.off, #mainContent .top li span, #mainContent .bottom li span{
display:block;
float:left;
font-size:1.2em;
margin:0;
text-align:center;
text-decoration:none;
}
#mainContent .top li span, #mainContent .bottom li span{
font-size:1em;
}
#mainContent .top li a, #mainContent .top li.off, #mainContent .top li span{
color:#DBECF4;
}
#mainContent .top li a.num:hover{
color:white;
}
#mainContent .bottom li a, #mainContent .bottom li.off, #mainContent .bottom li span{
color:#1188DD;
}
#mainContent .bottom li a.num:hover{
color:#ccc;
}
#mainContent .top a.num_off, #mainContent .top a.num_off:hover, #mainContent .bottom a.num_off, #mainContent .bottom a.num_off:hover{
background:#114477 none repeat scroll 0 0;
color:white;
}
#mainContent .top li a.num, #mainContent .top a.num_off, #mainContent .bottom li a.num, #mainContent .bottom a.num_off, #mainContent .top li span, #mainContent .bottom li span{
height:30px;
line-height:30px;
/*
height:16px;
margin-top:2px;
*/
padding:0 4px;
}
#mainContent .bottom{
width:560px;
height:30px;
padding:0 5px 0;
background-image:url(/images/active.design_n/element/w570_bottom.gif);
background-position:center bottom;
background-repeat:no-repeat;
float:left;
}
#mainContent .bottom a.button_print {
height:30px;
line-height:30px;
margin-left:10px;
padding: 0 10px 0 20px;
font-size:1.2em;
letter-spacing:1px;
display:block;
float:left;
background:transparent url(/images/active.design_n/element/printer.png) no-repeat scroll 0 50%;
}
#mainContent .middle{
float:left;
}

/**/
.productsBox{
margin-bottom:20px;
}
.productsBox, #searchBox, #cartBox, #registBox, #orderlistBox, #basicBox{
width:570px;
background-image:url(/images/active.design_n/element/w570_mid_rep_y.gif);
background-repeat:repeat-y;
float:left;
}
.productsBox .top a.button_print{
height:30px;
line-height:30px;
padding: 0 10px 0 25px;
color:#DBECF4;
font-size:1.2em;
letter-spacing:1px;
text-decoration:none;
background:transparent url(/images/active.design_n/element/button_print.gif) no-repeat scroll 0 7px;
display:block;
float:right;
}
.info{
text-align:left;
}
.info li{
display:inline;
/*margin:0 2px;*/
}
.info h4.badge_2{
position:absolute;
top:125px;	
left:25%;
}
.info h4.badge_3, .info h4.badge_4{
position:absolute;
top:10px;	
left:15px;
}


div.quant{
height:18px;
padding-top:2px;
position:relative;
}
div.quant .input_container{
border:1px solid #E0E3E5;
bottom:0;
/*height:16px;*/
height:20px;
line-height:20px;
margin:0;
padding: 0 5px;
position:absolute;
right:40px;
width:18px;
}
input.quant{
background:transparent none repeat scroll 0 0;
border:medium none;
margin:0;
text-align:center;
width:18px;
height:20px;
line-height:20px;
color:#0386DB;
}
.button_up, .info .button_down{
margin:0;
}
.button_down{
bottom:0;
position:absolute;
right:20px;
}
.button_up{
bottom:0;
position:absolute;
right:0;
}
.button_down {
background:transparent url(/images/active.design_n/element/button_up_down.gif) no-repeat scroll -20px 0;
}
.button_up {
background:transparent url(/images/active.design_n/element/button_up_down.gif) no-repeat scroll 0 0;
}
.button_up, .button_down{
height:20px;
width:20px;
}
.slimProduct{
width:160px;/*190-*/
margin:0 0 30px 0;
padding: 20px 15px 50px 15px;
float:left;
position:relative;
}
.slimProduct .img_container_normal{
margin-top:0;
}
.slimProduct .info{
height:auto !important;/*IE*/
height: 60px;/*IE*/
min-height:60px;
}
.slimProduct .info h4.badge_1{
position:absolute;
top:-15px;
right:-15px;
}
.slimProduct h2{
margin-bottom:10px;
}

.details{
width:350px;/*380-*/
padding: 20px 15px 0 15px;
float:left;
}
.details p{
line-height:1.2em;
margin-bottom: 1.2em;
}
.details ul li, .details ol li{
line-height:20px;
font-size:1.2em;
}
.details ul li{
padding-left:16px;
background:transparent url(/images/active.design_n/element/bullet_blue.png) no-repeat scroll 0 2px;
_background:url(/images/active.design_n/element/bullet_blue.gif) no-repeat 0 2px;
}
.details ol{
margin-left:20px;
padding:0 0 0 5px;
list-style-image:none;
list-style-position:outside;
list-style-type:decimal;
}
.details li span{
color:#114477;
font-size:1.1em;
}
.colProduct{
width:190px;
margin:0 0 10px;
background: url(/images/active.design_n/element/w190_mid_rep_y_2.gif) repeat-y;
position:relative;
float:left;
/*_display:inline;*/ /*IE6*/
}
#mainContent .colProduct .top{
width:170px;/*190-*/
height:30px;
padding:0 10px;
background-image:url(/images/active.design_n/element/w190_top_square.gif);
background-repeat:no-repeat;
/*vertcenter*/
display:table;
overflow:hidden;
.float:none !important;
position:relative;
}
#mainContent .colProduct .top h2{
width:170px;
padding:0;
line-height:1.2em;
font-size:1.1em;
text-align:center;
letter-spacing:normal;
text-transform:none;
/*vertcenter*/
float:none;
display:table-cell;
vertical-align:middle;
.height:1.2em;
.line-height:1.2em;
.position:absolute;/*IE*/
.top:30%;
_top:50%;/*IE*/
}
/*vertcenter IE only*/
#mainContent .colProduct .top h2 a{
color:white;
text-decoration:none;
.display:block;/*IE*/
.position:relative;/*IE*/
.top:-50%;/*IE*/
}
.colProduct .middle{
width:160px;
/*_height:550px;/*IE*/
/*min-height:550px;*/
height:450px;
padding:5px 15px 50px 15px;
position:relative;
}
.colProduct h4.badge_1{
position:absolute;
right:-10px;
top:-15px;
z-index:2;
}
.colProduct .buttonBox, .slimProduct .buttonBox{
position:absolute;
bottom:0;
}
#mainContent .colProduct .bottom{
width:180px;
height:5px;
padding:0 5px;
background-image:url(/images/active.design_n/element/w190_bottom_square.gif);
background-position:center bottom;
background-repeat:no-repeat;
}
/**/
.productOrder{
width:500px;/*570-*/
margin:40px 0 0 0;
padding: 0 35px;
overflow:hidden;
float:left;
}
ul.order{
margin-top:10px;
}
ul.order li{
height:20px;
margin-right:20px;
float:left;
}
ul.order li.dirDown a, ul.order li.dirUp a, ul.order li.empty a{
font-size:1.2em;
display:block;
_float:left;/*IE6*/
height: 17px;
padding:3px 0 0 22px;
}
ul.order li.dirDown a{
background:transparent url(/images/active.design_n/element/button_up_down_3.gif) no-repeat scroll 0 -20px;
}
ul.order li.dirUp a{
background:transparent url(/images/active.design_n/element/button_up_down_3.gif) no-repeat scroll 0 0;
}
/**/
.rowProduct{
margin-top:20px;
float:left;
position:relative;
}
#mainContent .rowProduct .top{
height:30px;
background:none;
position:absolute;
top: 0px;
z-index:1;
_position:relative;
_top:30px;
}
#mainContent .rowProduct .top h2{
line-height:15px;
color:#114477;
float:left;
font-size:1.5em;
/*padding-left:115px;*/
padding:0 20px 0 165px;
}


#mainContent .rowProduct .top a, #mainContent .rowProduct .top a:hover{
color:#114477;
text-decoration:none;
}
#mainContent .rowProduct .middle{
_width: 530px;/*570-*/
padding:0 20px;
position:relative;
overflow:hidden;/*FF-IE7*/
_height:75px;/*IE6*/
_overflow:visible;/*IE6*/
}
.rowProduct .img_container_small, .rowProduct .img_container_normal, .rowProduct .info{
float:left;
}
.rowProduct .img_container_normal{
margin:5px 20px 0 0;
}
.rowProduct .img_container_small{
width:132px;
height:132px;
margin: 0 18px 0 0;
}

.rowProduct .info{
/*width:230px;*/
/*margin-right:20px;*/
width:200px;
margin-right:20px;
/*position:relative;*/
}
.rowProduct .info, .rowProduct .buttonBox{
padding-top:40px;
}
.rowProduct .info h3{
margin-top:10px;
color:#6D9003;
}
.rowProduct .info h3.code{
margin-top:0;
margin-bottom:5px;
font-size:1.2em;
line-height:20px;
}
.rowProduct li.str, .rowProduct li.num{
font-size:1.8em;
font-weight:bold;
}


.rowProduct .buttonBox h4.badge_1{
position:absolute;
top:55px;
right:-5px;
z-index: 2;
}
.rowProduct .buttonBox h4.badge_2{
position:absolute;
bottom:0px;
left:35px;
z-index: 2;
}
.rowProduct .buttonBox h4.badge_3, .rowProduct .buttonBox h4.badge_4{
position:absolute;
top:0px;
left:10px;
z-index: 2;
}

.rowProduct .buttonBox{
float:left;
}
#mainContent .rowProduct .bottom{
height:10px;
}
.top .button_delete{
float:right;
}
.top a.button_delete{
height:30px;
line-height:30px;
padding: 0 10px 0 25px;
display:block;
float:right;
color:#DBECF4;
font-size:1.2em;
letter-spacing:1px;
text-decoration:none;
background:transparent url(/images/active.design_n/element/button_delete.gif) no-repeat scroll 0 5px;
}

/*cartBox*/
#cartBox .middle, #orderlistBox .middle{
padding: 30px 35px;
}
#cartBox table, #orderlistBox table{
width:500px;
margin: 0;
font-size:1em;
border-collapse:collapse;
}
#cartBox tr, #cartBox td{
}
#cartBox tr{
height:30px;
}
#cartBox thead, #cartBox tbody{
font-size:1.2em;
}
#cartBox tfoot tr.net td.name, #cartBox tfoot tr.net td.price, #cartBox tfoot tr.net td.quant, #cartBox tfoot tr.net td.sum{
border-top: 1px solid #E0E3E5;
height:20px;
}
#cartBox tbody{
vertical-align:top;
}
#cartBox tfoot tr.net, #cartBox tfoot tr.vat{
color: #114477;
height:15px;
vertical-align:bottom;
}
#cartBox thead, #cartBox tfoot tr.gross{
font-size:1.2em;
font-weight:bold;
color: #114477;
vertical-align:top;
}
td.gift div{
position:relative;
}
td.name{
width:190px;
text-align:left;
}
td.price{
width:85px;
text-align:right;
padding-right:10px;
}
td.quant{
width:70px;
text-align:center;
}
td.sum{
width:85px;
text-align:right;
padding-right:10px;
}
td.delete{
width:30px;
text-align:center;
}
td.delete a.button_delete, td.gift a.button_gift{
display:block;
width:20px;
height:20px;
text-indent:-10000px;
}
td.delete a.button_delete{
background:url(/images/active.design_n/element/button_no.gif) no-repeat 0 0;
}
td.gift a.button_gift{
background:url(/images/active.design_n/element/button_gift.gif) no-repeat 0 0;
}
td.gift div ul{
display:none;
}
td.gift div:hover ul{
display:block;
}
td.gift ul{
width:250px;
padding:10px;
background:white;
border: 1px solid #E0E3E5;
position:absolute;
top:-5px;
right:29px;
z-index:2;
}
td.gift ul li{
/*display:inline;*/
}
td.gift ul li h2{
margin:0 0 5px 0;
padding:0;
}
td.gift{
width:30px;
}
/*orderlistBox*/
.odd{
background:#f5f5f5;
}
.even{
background:white;
}
#orderlistBox table{
margin-bottom:5px;
font-size:1.2em;
text-align: center;
}
#orderlistBox thead{
color:#114477;
font-weight:bold;
vertical-align:top;
text-align:center;
}
#orderlistBox thead th{
padding-bottom: 5px;
}
#orderlistBox tr{
height: 35px;
}
#orderlistBox tbody td.orderId{
text-align: left;
}
#orderlistBox thead tr{
border-bottom:1px solid #EAE8E8;
}
#orderlistBox thead th.state{
border-bottom:1px solid white;
}
#orderlistBox td.orderId{
width:275px;
padding-left: 3px;
}
#orderlistBox td.dateOrder, #orderlistBox td.dateDelivery{
width:75px;
}
#orderlistBox td.dateDelivery{

}
#orderlistBox td.state{
width:35px;
padding: 0 3px 0 10px;
background:white;
}
#orderlistBox td.state span.proceed, #orderlistBox td.state span.wait{
width:35px;
height:35px;
display:block;
}
#orderlistBox td.state span.proceed{
background:url(/images/active.design_n/element/delivery.gif) no-repeat 0 0;
text-indent:-10000px;
}
#orderlistBox td.state span.wait{
background:url(/images/active.design_n/element/mail.gif) no-repeat 0 0;
text-indent:-10000px;
}
#orderlistBox ul.info{
margin-bottom:30px;
}
#orderlistBox li.proceed, #orderlistBox li.wait{
height:28px;
margin-right:15px;
padding:7px 0 0 35px;
float:left;
font-size:1.2em;
}
#orderlistBox li.proceed{
background:url(/images/active.design_n/element/delivery.gif) no-repeat 0 0;
}
#orderlistBox li.wait{
background:url(/images/active.design_n/element/mail.gif) no-repeat 0 0;
}
#orderlistBox p{
margin: 5px 0;
}
#orderlistBox h2{
margin-top:20px;
}
ul.contact{
width:200px;
margin:2px 0;
}
ul.contact li.str, ul.contact li.num{
font-size:1em;
font-weight:normal;
}
ul.contact li.str{
width:80px;
}


/*registBox*/
ul.manual{
overflow:visible;
margin:0 0 0 20px;
.margin:0 0 0 20px;
padding:0;
}
ul.manual li{
list-style-image:url(/images/active.design_n/element/list_image_ok.gif);
line-height:15px;
}
#registBox .middle{
margin:0;
padding:20px 80px 0 80px;
}
#registBox h3{
margin:15px 0 0;
}
#registBox h3 span{
float:left;
}
#registBox h3 span.caution{
width:20px;
height:20px;
margin:0;
text-indent:-2000px;
background:transparent url(/images/active.design_n/element/button_caution.gif) no-repeat scroll 0 -2px;
}
#registBox span.error{
width:20px;
height:20px;
margin-right:3px;
text-indent:-2000px;
background:transparent url(/images/active.design_n/element/button_error.gif) no-repeat scroll 0 -2px;
}
#registBox legend, #cartBox legend{
color:#114477;
font-size:1.4em;
font-weight:bold;
margin:0 0 5px;
padding:0;
}
#registBox fieldset, #cartBox fieldset{
margin-bottom:20px;
padding-bottom:10px;
border-bottom: 1px solid #E0E3E5;
}
#registBox fieldset#options, #registBox fieldset#note, #cartBox fieldset#options, #cartBox fieldset#note{
border:none;
}
#registBox fieldset li{
width:410px;
height:2em;
line-height:2em;
margin-bottom:10px;
position:relative;
}
#registBox fieldset label, #cartBox fieldset label{
font-size:1.2em;
}
#registBox fieldset .input_container, #registBox fieldset .input_container_nomodify{
width:188px;
height:16px;
margin:0 0 10px;
padding:2px 5px;
border:1px solid #E0E3E5;
position:absolute;
top:0;
left:210px;
}
#registBox dl{
width:410px;
overflow:hidden;
}
#registBox dt, #registBox dd{
height:20px;
line-height:20px;
font-size:1.2em;
float:left;
}
#registBox dt{
width:100px;
padding-right:30px;
}
#registBox dd{
width:280px;
color:#0386DB;
font-weight:bold;
}
fieldset#currentDelivery, fieldset#currentBilling{
padding-top:10px;
border-bottom: none;
position:relative;
}
fieldset#currentDelivery a, fieldset#currentBilling a{
height:20px;
line-height:20px;
padding-left:20px;
display:block;
position:absolute;
top:-33px;
font-size:1.1em;
font-weight:bold;
text-decoration:none;
}
fieldset#currentDelivery a.change, fieldset#currentDelivery a.cancel{
right:0px;
}
fieldset#currentDelivery a.change{
color:green;
background:url(/images/active.design_n/element/application_edit.png) no-repeat 0 2px;
}
fieldset#currentDelivery a.cancel{
color:red;
background:url(/images/active.design_n/element/cancel.png) no-repeat 0 2px;
}


input.txt{
margin:0px;
width:190px;
color:#0386DB;
font-size:1.1em;
border: none;
background: none;
}
.input_container_nomodify input.txt {
color:#ccc;
}
fieldset div.caution{
background:transparent url(/images/active.design_n/element/button_caution.gif) no-repeat scroll 0 0;
}
fieldset div.error{
background:transparent url(/images/active.design_n/element/button_error.gif) no-repeat scroll 0 0;
}
fieldset div.ok{
background:transparent url(/images/active.design_n/element/button_ok.gif) no-repeat scroll 0 0;
}
fieldset div.caution, fieldset div.error, fieldset div.ok, fieldset div.empty{
height:20px;
width:20px;
text-indent:-2000px;
}
#registBox fieldset div.caution, #registBox fieldset div.error, #registBox fieldset div.ok{
position:absolute;
top:0;
left:190px;
}
#registBox input.chk{
margin-left:5px;
position:relative;
top:2px;
}
#registBox select{
width:200px;
height:20px;
margin:0;
color:#0386DB;
border:1px solid #E0E3E5;
position:absolute;
top:0;
left:210px;
}
#registBox textarea, #cartBox textarea{
border:1px solid #E0E3E5;
color:#0386DB;
font-size:1.1em;
height:56px;
margin-bottom:10px;
padding:2px 5px;
}
#registBox textarea{
width:400px;
}
#cartBox textarea{
width:490px;
}

input.button_regist{
margin:20px 0 0 250px;
/*background-image:url(/images/active.design_n/element/button_regist.gif);*/
background-image:url(/images/active.design_n/element/button_regist.png);
background-repeat:no-repeat;
}
#cartBox fieldset li{
height:2em;
line-height:2em;
margin-bottom:10px;
position:relative;
}
#cartBox fieldset .input_container, #cartBox fieldset .input_container_nomodify{
width:220px;
height:20px;
margin:0;
padding:0px 5px;
border:1px solid #E0E3E5;
position:absolute;
top:0;
left:200px;
}
#cartBox fieldset div.caution, #cartBox fieldset div.error, #cartBox fieldset div.ok, #cartBox fieldset div.empty{
position:absolute;
top:0;
left:180px;
}
#cartBox h3{
margin: 40px 0 15px 0;
}
#cartBox ul.radio{
overflow:hidden;
}
#cartBox ul.radio li{
width:auto;
height:2em;
line-height:2em;
float:left;
margin-right:10px;
padding-left:20px;
position:relative;
}
#cartBox input.radio{
position:absolute;
left:0;
top:5px;
}
#cartBox label.disabled{
color:#ccc;
}
#cartBox li.str{
padding-left:200px;
}
#cartBox li.num{
width:160px;
text-align:right;
}
#cartBox ul.total li.num{
padding-bottom:10px;
border-bottom: 1px solid #E0E3E5;
}
#cartBox input.button_cart{
margin-top:20px;
}
input.button_cart{
background-image:url(/images/active.design_n/element/button_regist.png);
background-repeat:no-repeat;
position:relative;
left: 340px;
}
/**/
.regChange{
width:410px;
height:30px;
margin:30px 0 15px 0;
position:relative;
}
#registBox h3.public_act, #registBox h3.company_act, #registBox h3.company_inact, #registBox h3.public_inact{
width:205px;
height:30px;
line-height:30px;
margin:0;
text-align:center;
}
#registBox h3.company_act, #registBox h3.company_inact{
position:absolute;
left:205px;
top:0;
}
#registBox h3.company_act:hover, #registBox h3.public_act:hover{
cursor:default;
}
#registBox h3.public_act{
background: url(/images/active.design_n/element/410_regist_targetaudience.gif) no-repeat  0px 0px;
}
#registBox h3.company_act{
background: url(/images/active.design_n/element/410_regist_targetaudience.gif) no-repeat  -205px -30px;
}
#registBox h3.company_inact{
background: url(/images/active.design_n/element/410_regist_targetaudience.gif) no-repeat  -205px 0px;
}
#registBox h3.public_inact{
background: url(/images/active.design_n/element/410_regist_targetaudience.gif) no-repeat  0px -30px;
}
#registBox h3.public_act, #registBox h3.company_act{
color:white;
}
#registBox h3.public_inact a, #registBox h3.company_inact a{
margin:0;
padding:0;
text-decoration:none;
}
/*searchBox*/
#searchBox .middle{
padding-top: 40px;
}
#searchBox form{
margin-bottom:30px;
padding: 0 80px;
}
#searchBox fieldset{
margin-bottom: 20px;
padding:0px;
border:none;
}
#searchBox legend{
margin-bottom:5px;
font-size:1.2em;
font-weight:bold;
color:#114477;
.margin-left:-7px; /*IE*/
}
#searchBox label{
font-size:1.2em;
}
#searchBox .input_container{
width:200px;
height:20px;
line-height:20px;
margin:0;
padding:0px 5px;
float:left;
border:solid 1px #e0e3e5;
}
#searchBox input.txt{
width:200px;
border: none;
color:#0386db;
font-size:1.1em;
background:none;
}
#searchBox .searchIn .input_container{
width: 330px;
}
#searchBox .searchIn input.txt{
width:330px;
}
#searchBox select{
width:330px;
height:20px;
margin-bottom: 10px;
border:solid 1px #ccc;
color:#0386db;
}
.searchResult{
/*height:73px; ha bekerülnek a kis képek*/
margin: 0 80px;
margin-bottom:30px;
padding-bottom:10px;
border-bottom: 1px solid #E0E3E5;
overflow:hidden;
position:relative;
}
/*ha bekerülnek a kis képek ezt ki kell venni */
.searchResult .img_container_small{
display:none;
}
/*ha bekerülnek a kis képek
.searchResult h2, .searchResult p, .searchResult a{
padding-left:77px;
}
.searchResult .img_container_small{
position:absolute;
top:5px;
left:0;
}
.searchResult .img_container_small a, .searchResult h2 a{
padding:0;
}
/*************************/
/**/
.filterOpti li, .filterAttr li, .filterTag li{
height:20px;
line-height:20px;
padding-left:17px;
position:relative;
}
.filterTag li{
margin: 5px 15px 0px 0px;
float:left;
}
.filterAttr li{
margin-bottom: 10px;
padding-left: 120px;
}
.filterTag input.chk, .filterOpti input.chk{
position:absolute;
top: 4px;
left:0;
.top:-2px;/*IE*/
.left:-3px;/*IE*/
}
.filterAttr li label{
position:absolute;
top:1px;
left:0;
}
/*basicBox*/
#basicBox .middle{
padding: 30px 55px;
}
#basicBox .middle h2{
	font-size:1.4em;
	color:orange;
	margin-top: 1.4em;
	margin-bottom:1em;
	float:left;
	
}
#basicBox .middle h2, #basicBox .middle h3{
clear:both;
}
#basicBox p, #basicBox ul, #basicBox{
margin-bottom:20px;
text-align:justify;
}
/*
#basicBox ul{
width:220px;
margin-top:5px;
clear:both;
}
#basicBox li{
line-height:3em;
height: 3em;
overflow:hidden;
}
#basicBox li.doubleline{
line-height:1.4em;
}
*/
#basicBox ul{
margin-top:1.2em;
}
#basicBox li{
margin-bottom:1.2em;
padding-left:16px;
background:url(/images/active.design_n/element/bullet_blue.png) no-repeat 0 -2px;
_background:url(/images/active.design_n/element/bullet_blue.gif) no-repeat 0 -2px;
line-height:1.2em;
}
#basicBox img{
width:436px;
margin: 5px 10px;
float:none;
/*float:right;*/
border: 1px solid #E0E3E5;
}
#map_canvas{
width:458px;/*460-*/
height:318px;/*320-*/
margin-bottom:20px;
border:1px solid #E0E3E5;
}

/****************************************************************************************************************MSGBOX*/
#registBox fieldset.msgBoxes{
border-bottom: none;
}
fieldset.msgBoxes legend{
text-indent: -10000px;
} 
fieldset.msgBoxes .error_msg_back, fieldset.msgBoxes .warning_msg_back, fieldset.msgBoxes .success_msg_back, fieldset.msgBoxes .info_msg_back{
width:358px;/*410-*/
margin-bottom:5px;
padding-left:50px;
background-repeat:no-repeat;
background-position: left center; 
}
fieldset.msgBoxes .error_msg_back{
background-image:url(/images/active.design_n/element/error_back_big.jpg);
background-color:#f9dbdb;
border: 1px solid #d81010;
}
fieldset.msgBoxes .warning_msg_back{
background-image:url(/images/active.design_n/element/warning_back_big.jpg);
background-color:#fcf5e7;
border: 1px solid #e8b95c;
}
fieldset.msgBoxes .success_msg_back{
background-image:url(/images/active.design_n/element/success_back_big.jpg);
background-color:#e7f1e2;
border: 1px solid #5ea03b;
}
fieldset.msgBoxes .info_msg_back{
background-image:url(/images/active.design_n/element/info_back_big.jpg);
background-color:#dceef7;
border: 1px solid #168fc9;
}
fieldset.msgBoxes .error_msg, fieldset.msgBoxes .warning_msg, fieldset.msgBoxes .success_msg, fieldset.msgBoxes .info_msg{
width:338px;/*358-*/
padding:10px;
}
.error_msg{
background-color:#f9dbdb;
}
.error_msg h3, .error_msg p, .error_msg ul li{
color:#d81010;
}
.warning_msg{
background-color:#fcf5e7;
}
.warning_msg h3, .warning_msg p, .warning_msg ul li{
color:#e8b95c;
color:orange;
}
.success_msg{
background-color:#e7f1e2;
}
.success_msg h3, .success_msg p, .success_msg ul li{
color:#5ea03b;
}
.info_msg{
background-color:#dceef7;
}
.info_msg h3, .info_msg p, .info_msg ul li{
color:#168fc9;
}
fieldset.msgBoxes p, fieldset.msgBoxes h3, fieldset.msgBoxes ul li{
font-size:1.2em;
line-height:14px;
}
fieldset.msgBoxes h3{
height:20px;
line-height:20px;
}
fieldset.msgBoxes p, fieldset.msgBoxes ul{
margin-bottom:14px;
}
#registBox fieldset.msgBoxes ul li{
height:1.2em;
line-height:1.4em;
margin-bottom:0;
list-style-type:square;
list-style-position:inside;
}



/************************************************************************************************************/



/*************************************************************************************************************************sideContent_2*/
#sideContent_2{
display:block;
width:190px;
float:left;
}
#sideContent_2 .top{
background: url(/images/active.design_n/element/w190_top_right.gif) no-repeat 0px 0px;
}
#sideContent_2 .bottom{
background: url(/images/active.design_n/element/w190_bottom_right.gif) no-repeat right 0;
}
#toplistBox, #tagBox{
position:relative;
}
#toplistBox .middle, #tagBox .middle{
position:relative;
z-index:1;
}
#toplistBox .bottom, #tagBox .bottom{
position:absolute;
bottom:0;
}
#tagBox{
font-size:1em;
}
#sideContent_2 #tagBox .middle{
width:170px;
padding: 10px;
/*padding-right:20px;*/
text-align:left;
line-height:2em;
}
#tagBox .middle li {
display:inline;
margin:0 2px;
}
#tagBox a{
font-weight:bold;
text-decoration: none;
border-bottom: solid 1px white;
color:#2C579C;
}
#tagBox a:hover{
color:#ccc;
text-decoration:none;
border:none;
border-bottom: solid 1px #ccc; 
}
#sideContent_2 .middle{
width:180px;/*180-*/
padding:0 5px;
}
#toplistBox .middle{
width:190px;
height:190px;
padding: 0;
}
#toplistBox ol{
display:none;
margin:0 0 0 30px;
.margin:0 0 0 35px;
padding:0 10px 0 0;
font-size:1.4em;
font-weight: bold;
color:#2C579C;
}

#toplistBox li{
height:30px;
margin:0 0 5px 0;
padding:0;
line-height:15px;
}
#toplistBox a{
text-decoration:none;
color:#2C579C;
}
/**/
#toplistBox dl{
padding: 0 1px;
overflow:hidden;
font-size:1.2em;
font-weight: bold;
color:#2C579C;
}
#toplistBox dl .item2, #toplistBox dl .item4{
background:#f5f5f5;
}
#toplistBox dl .item1, #toplistBox dl .item3, #toplistBox dl .item5{
/*background:red;*/
}

#toplistBox dt, #toplistBox dd{
height:38px;
display:table;
float:left;
position:relative;
.margin-bottom:5px;
}
#toplistBox dt{
width:30px;
text-align:center;
}
#toplistBox dd{
width:158px;
}
#toplistBox dt a, #toplistBox dd a{
text-decoration:none;
color:#2C579C;
display:table-cell;
vertical-align:middle;
/*IE6-7*/
.position:absolute;
.top:50%;
}
#toplistBox dd a{
padding-right:10px;
}
#toplistBox dt a:hover{
color:#2C579C !important;
cursor: default;
}

#toplistBox dt span, #toplistBox dd span{
/*IE6-7*/
.display:block;
.cursor:pointer;
.position:relative;
.top:-50%;
}
/**/
#sideContent_2 .middle a:hover{
color:#ccc;;
text-decoration:none;
}
/**/
#sidecartBox .middle{
width: 188px;
margin:0 1px;
padding:0;
}
#sidecartBox ul{
margin:0px;
padding:2px 10px;
overflow:hidden;
}
#sidecartBox ul.listprice, #sidecartBox ul.transport, #sidecartBox ul.total{
padding: 0 10px;
}
#sidecartBox ul.total li.num{
color:red;
}
#sidecartBox li span{
font-weight:bold;
font-size:1.2em;
color:#114477;
}
#sidecartBox li.str, #sidecartBox li.num{
font-weight:bold;
font-size:1.2em;
color:#114477;
}
#sidecartBox li.str span, #sidecartBox li.num span{
font-weight:normal;
font-size:0.8em;
color:black;
}



#sidecartBox a.question{
position:relative;
left:165px;
}
#sidecartBox a.quant, #sidecartBox a.quant:hover{
margin-left: 3px;
font-size:1.4em;
font-weight:bold;
text-decoration:none;
position:relative;
top:2px;
}
#sidecartBox li.gift{
text-indent:10px;
color:red;
}
#sidecartBox li.gift span{
font-size:1.1em;
color:red;
}
#sideContent_2 .middle h3{
padding: 0 10px;
font-size:1em;
text-align:center;
color:#6D9003;
}
#sideContent_2 .middle h3 span{
font-size:1.2em;
}

/*
#sideContent_2 .ctb_bottom_a{
background: url(/images/active.design_n/element/30x30_mb3_bottom.gif) no-repeat right 0;
}
*/
#sideContent_2 .bottom{
height:25px;/*30-*/
padding-top:5px;
text-align:center;
}
#sideContent_2 .bottom h3{
font-size:1.1em;
text-align:center;
}
#sideContent_2 .bottom h3 a {
color:#114477;
/*text-decoration:underline;*/
}
/********************************************************************************************************************************footer*/
#footer_back, #footer{
}
#footer_back{
/*background:#1188dd;*/
}
#footer{
width:950px;
padding:0 10px;
height:120px;
position:relative;
background-image: url(/images/active.design_n/element/bottombox_back.gif);
background-repeat:no-repeat;
background-position:bottom;
/*background-color: #990066;*/
position:relative;
}
#footer ul{
height:120px;
top:0px;
color: white;
font-size:1.4em;
overflow:hidden;
}
#footer ul li{
line-height:120px;
float:left;
}
#footer ul li a{
display:block;
line-height:120px;
text-align:center;
color: white;
color:#1188dd;
color:#b6cfe3;
}
#footer ul li a:hover{
color:white;
}
#footer ul.copy{
position:absolute;
left:50px;
}
#footer ul.copy li{
font-weight:bold;
letter-spacing:1px;
margin-right: 10px;
}

#footer ul.footlinks{
position:absolute;
right:50px;
}
#footer ul.footlinks li{
margin-left: 10px;
}


/*********************************************************************************************************************************PRINT*/
#print_head{
display:none;
}


/******************************************************************************************************************************LightBox*/
#lightBox_cover{
width:100%;
height:100%;
z-index:100px;
position:absolute;
top:0;
left:0;
/*background:#003c58;*/
background:black;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}

#lightBox_back{
width:100%;
height:100%;
overflow:auto;
position:absolute;
top:0;
z-index:200px;
}

#lightBox{
margin: 0 auto;
position:relative;
}
#imgContainer{
/*width: xxx px; A javascript teszi rá a kép szélességét*/
min-width:390px;
margin: 0 auto;
padding: 0px;
padding-bottom:0;
text-align:center;
background:url(/images/active.design_n/element/preloader.gif) no-repeat 50% 40%;
background-color:white;
position:relative;
/*border: 1px solid #636262;*/
-moz-border-radius:10px;
-webkit-border-radius:10px;
/**/
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
/*
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
*/
border:none;

}
#imgContainer img{
/*margin-bottom:5px;*/
}
#pager{
width:55px;
height:24px;
margin: 0 auto;
margin-bottom:20px;
padding-top:20px;
/*background:aqua;*/
}
#imgContainer p{
margin: 0 auto;
padding:5px 20px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
line-height:1.2em;
color:white;
text-align:left;
border-top: 1px solid black;
background-color:#4d4c4c;
}
#pager a.left, #pager a.right{
width:24px;
height:24px;
text-indent:-10000px;
background:black;
}
#pager a.left{
float:left;
background:url(/images/active.design_n/element/lightbox_button_left.png) no-repeat 0 0;
_background:url(/images/active.design_n/element/lightbox_button_left_ie.png) no-repeat 0 0;
}
#pager a.right{
float:right;
background:url(/images/active.design_n/element/lightbox_button_right.png) no-repeat 0 0;
_background:url(/images/active.design_n/element/lightbox_button_right_ie.png) no-repeat 0 0;
}
#imgContainer div#close{
width:24px;
height:24px;
text-indent:-10000px;
position:absolute;
top:-2px;
right:-2px;
cursor:pointer;
background:url(/images/active.design_n/element/lightbox_button_close.png) no-repeat 0 0;
_background:url(/images/active.design_n/element/lightbox_button_close_ie.png) no-repeat 0 0;
}
#controll_back{
width:100%;
}
#controll{
width:390px;/*IE 385 helyett 389*/
height:68px;
margin: 0 auto;
margin-bottom:30px;
padding:10px 5px;
background:#003c58;
background:url(/images/active.design_n/element/lightbox_control.png) no-repeat 50% 0;
_background:url(/images/active.design_n/element/lightbox_control_ie.png) no-repeat 50% 0;
/*overflow:hidden;*/
/*
border: solid #00293c 2px;
-moz-border-radius:10px;
-webkit-border-radius:4px;
border-radius:4px;
*/
position:relative;
}
#controll a.left, #controll a.right{
width:24px;
height:68px;
text-indent:-10000px;
background:black;
position:absolute;
}
#controll a.left{
left:-20px;
background:url(/images/active.design_n/element/lightbox_button_left.png) no-repeat 0 50%;
_background:url(/images/active.design_n/element/lightbox_button_left_ie.png) no-repeat 0 50%;
}
#controll a.right{
right:-20px;
background:url(/images/active.design_n/element/lightbox_button_right.png) no-repeat 0 50%;
_background:url(/images/active.design_n/element/lightbox_button_right_ie.png) no-repeat 0 50%;
}
.previewContainer{
width:67px;
height:67px;
margin:0 5px;
text-align:center;
float:left;
display:inline;
}
.previewContainer img {
border:2px solid #E0E3E5;
}
.previewContainer img.active {
border:2px solid orange;
}
/*******************************************************************************************************************************************************************/
/**********************************************************************DOWNLOAD*************************************************************************************/
/*******************************************************************************************************************************************************************/
.download #site{
width: 600px;
padding: 0 185px;	
}
.download #header_back, .download #header{
height:210px;
}
.download #header a{
width:115px;
height:130px;
text-indent:-10000px;
display:block;
position:absolute;
left:35px;
top:10px;
}

.download #cartBox h1{
_width:400px;
font-size:2.5em;
line-height:1em;
letter-spacing:1pt;
color:white;
position:absolute;
top:-270px;
left:180px;
}
.download #cartBox h2{
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:2em;
font-weight:bold;
line-height:1em;
letter-spacing:1px;
text-transform:uppercase;
color:#4B95C9;
position:absolute;
top:-350px;
right:25px;
}
.download #header_back {
background-image:url(/images/active.design_n/element/topbox_back_down.png);
_background-image:url(/images/active.design_n/element/topbox_back_down_ie.png);
background-repeat:no-repeat;
}
.download #footer {
height:130px;
background-image:url(/images/active.design_n/element/bottombox_back_down.png);
_background-image:url(/images/active.design_n/element/bottombox_back_down_ie.png);
background-position:center bottom;
background-repeat:no-repeat;
}
.download #mainContent{
background-image:url(/images/active.design_n/element/middle_back_rep_y_down.png);
_background-image:url(/images/active.design_n/element/middle_back_rep_y_down_ie.png);
background-repeat:repeat-y;
}
.download #content{
background:none;
}
.download #mainContent #downloadBox .top, .download #mainContent #cartBox .top{
width:570px;
padding: 0 15px;
}
.download #mainContent #downloadBox .top{
/*position:relative;*/
background:url(/images/active.design_n/element/w570_top_down_cartBox.gif) no-repeat 50% 0;
}
.download #mainContent #cartBox .top{
background:url(/images/active.design_n/element/w570_top_down_downloadBox.gif) no-repeat 50% 0;
}
.download #mainContent #downloadBox .bottom, .download #mainContent #cartBox .bottom, .download #mainContent #progressBox .bottom{
width:530px;
padding: 0 35px;
}
.download #mainContent #downloadBox .bottom{
background:url(/images/active.design_n/element/w570_bottom_down_cartBox.gif) no-repeat 50% 0;
_position:relative;
_bottom: 30px;
}


#downloadBox, .download #cartBox, #progressBox{
width:600px;
background:none;
float:left;
position:relative;
}
.download #cartBox textarea{
width:518px;
}
.download input.button_cart {
left:370px;
position:relative;
}

#downloadBox .ico {
background-image:url(/images/active.design_n/icon/icon30_down.gif);
background-repeat:no-repeat;
}
#downloadBox .middle, #cartBox .middle, #progressBox .middle{
width:530px;
padding:30px 35px;
background:url(/images/active.design_n/element/w570_mid_rep_y_down.gif) repeat-y 50% 0;
}
#progressBox .middle{
background: none;
}
#progressBox .middle h3{
color:#114477;
font-size:1.4em;
font-weight:bold;
margin-bottom: 1.2em;
padding:0;
}
#progressBox .middle li{
margin-bottom:1.2em;
}
#progressBox .middle li a{
font-size:1.2em;
}



.download fieldset.msgBoxes .error_msg_back{
width:478px;/*530-*/
}
.download fieldset.msgBoxes .error_msg{
padding:10px;
width:458px;
}


.download  p{
font-size: 1.2em;
line-height:1.5em;
margin-bottom:1.2em;
}
.download #header_back, .download #header, .download #footer, .download #content, .download #mainContent{
width: 600px;
padding:0;
}
input.downcode{
margin:0px;
width:100%;
color:#0386DB;
color:#6D9003;
color:#FF6E00;
color: #6D9003;
font-size:1.2em;
font-weight:bold;
letter-spacing:1px;
border : none;
background: none;
text-align:center;
}
input.button_download{
width:100px;
background-image:url(/images/active.design_n/element/button_download.png);
background-repeat:no-repeat;
}
.download #downloadBox table{
margin: 10px 0 30px 0;
}
#downloadBox thead{
color:#114477;
font-size:1.2em;
font-weight:bold;
vertical-align:top;
}
.download #cartBox thead tr{
height:20px;
}
.download tbody td{
vertical-align:middle;
}
.download thead td.price, .download thead td.downcode{
text-align:center;
}
tbody td.downcode{
width:150px;	
height:20px;
margin:0;
padding:0 5px;
border:1px solid #6D9003;
}
tbody td.button{
padding-left:10px;
}
.download #cartBox li.str {
padding-left:280px;
}