/* CSS Document */
body{
background:#262626;
margin:0px;
}
h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
padding:0 0 5px 0;
margin:0px;
}
h3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
padding:0 0 5px 0;
margin:0px;
text-align:center;
}
*{margin:0px;}
a{
color:#FF6600;
text-decoration:none;}
a:hover{
color:#FF9E25;}
#header{
background:url(../images/bg_header.jpg) no-repeat;
width:814px;
height:164px;
margin:0 auto;
}
#header #top{
height:116px;
widht:814px;
}
#header #buttons{
padding:0 10px 0 10px;
height:40px;
text-align:center;
}
#banner{
background:url(../images/banner.jpg) no-repeat;
width:814px;
height:266px;
margin:0 auto;
}
#body{
background:#333132 url(../images/bdr_top.jpg) no-repeat;
width:814px;
height:auto;
margin:8px auto 0 auto;
}
#body .boxset1{
width:799px;
height:auto;
padding:10px 0 0 14px;
}
#body .boxset1 .bx{
background:#020202 url(../images/bg_bx1.jpg) no-repeat;
width:255px;
float:left;
}
#body .boxset1 .margin{
width:10px;
height:150px;
float:left;
}
#body .boxset1 .bx .txtarea{
width:229px;
height:auto;
padding:10px 0 0 14px;
text-align:justify;
}
#body .boxset1 .bx .txtarea .text{
font-family:tahoma;
font-size:11px;
color:#858585;
padding:5px 0 0 0;
}
#body .boxset1 .bx .btmbdr{
width:255px;
height:8px;
background:url(../images/bdr_bx_btm.jpg) no-repeat;
font-size:3px;
}
#body .boxset2{
width:799px; 
height:auto;
padding:10px 0 0 14px;}
#body .boxset2 .left{width:590px;
float:left;
height:auto;}
#body .boxset2 .left .intro{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;
text-align:justify;
padding:10px 0 0 0;
}
#body .boxset2 .left .boxes{
width:590px;
height:auto;
}
#body .boxset2 .left .boxes .login{
background:url(../images/bg_login.jpg) no-repeat;
width:196px;
height:135px;
padding:10px 20px 10px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#838383;
float:left;
}
#body .boxset2 .left .boxes .login .form{padding:10px 0 0 0;text-align:right;}
#body .boxset2 .left .boxes .login .textfield{
border: 1px #666666 solid;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background:#050505;
color:#838383;
width:100px;
}
.smalltextfield
{
border: 1px #666666 solid;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background:#050505;
color:#838383;
width:120px;
}
#body .boxset2 .left .boxes .login .hspace{
height:5px;
font-size:1px;
}
#body .boxset2 .left .boxes .poll{
background:url(../images/bg_poll.jpg) no-repeat;
width:331px;
height:135px;
padding:10px 10px 10px 22px;
background-position:12px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#838383;
float:left;
}
#body .boxset2 .left .boxes .poll .questions{
padding:0 10px 0 0;
width:190px;
height:auto;
float:left;
}
#body .boxset2 .left .boxes .poll .winners{
width:120px;
height:auto;
float:left;
padding:0 0 0 5px;
}
#body .boxset2 .right{
padding:0 15px 0 0;
width:185px;
height:auto;
float:right;
}
#body .boxset2 .right .sidebar{
background:#000000 url(../images/bg_sidebar.jpg) no-repeat;
width:165px;  
height:auto;
padding:10px 10px 0 10px;
}
#body .boxset2 .right .sidebar .items{
width:165px;  
height: auto;
padding:5px 0 5px 0;
}
#body .boxset2 .right .sidebar .items .text{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ABABAB;
width:81px;
float:right;
padding:10px 5px 5px 5px;
}
#body .boxset2 .right .sidebar .items img{float:left;}
#body .boxset2 .right .sidebar .button{
clear:both;
text-align:right;
padding:5px 0 0 0;
}
#body .boxset2 .right .sidebarbdr{
background:url(../images/bdr_sidebar_btm.jpg) no-repeat;
width:185px;
height:11px;
font-size:1px;
}
#body .boxset3{
width:799px;
height:auto;
padding:10px 0 0 14px;
}
#body .boxset3 .newsletter{
background:url(../images/bg_login.jpg) no-repeat;
width:202px;
height:135px;
padding:10px 25px 10px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#838383;
float:left;
}
#body .boxset3 .gallery{
background:url(../images/bg_gallery.jpg) no-repeat;
width:520px;
height:135px;
padding:10px 20px 10px 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#838383;
float:left;
}
#body .boxset3 .gallery .thumb{
float:left;
height:74px; height:74px; padding:6px;}
#body .boxset3 .gallery .button{
clear:both;
text-align:right;
padding:5px 0 0 0;
}
#footer{
background:#333132 url(../images/bg_footer.jpg) no-repeat;
width:814px;
height:60px;
margin:0 auto;
padding:19px auto 0 auto;
background-position:14px 8px;
}


.hilite{
color:#FF6600;}
/*factory page*/
#body .boxset2 .leftsidebar{
padding:0 10px 0 10px;
width:175px;
height:auto;
float:left;
}
#body .boxset2 .leftsidebar .but{
background:#262626;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
border:1px solid #575556;
padding:2px 2px 2px 10px;
margin: 3px 0 5px 0;
}
#body .boxset2 .leftsidebar .but:hover{
background:#0D0D0D;
}
#body .boxset2 .left .factorytext{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;
text-align:justify;
padding:0 0 0 5px}
#body .boxset2 .left .textfield{
border:#999999 1px solid;
background:#413F40;
width:150px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#E2E2E2;
padding:0 3px 0 3px;}
#body .boxset2 .left .textarea{
border:#999999 1px solid;
width:300px;
background:#413F40;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#E2E2E2;
padding:3px;}
/*gallery*/
#body .boxset2 .gallerymain{
background:#2B292A;
padding:10px 0 0 0;
width:785px;
float:left;
height:auto;}
#body .boxset2 .gallerymain .preview{
padding:10px;
text-align:center;
}
#body .boxset2 .gallerymain .caption{
padding:5px;
font-family:Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-size:11px;
text-align:center;
}
#body .boxset2 .gallerymain .thumbs{
text-align:center;
padding:0 50px 0 50px;
}
#body .boxset2 .gallerymain .thumbs ul li{
float:left;
list-style:none;
margin:0px;
padding:5px;
}

#thumb_pics ul li{
float:left;
list-style:none;
margin:0px;
padding:5px;
height:75px;
}

/*product*/
#body .boxset2 .p1{
padding:10px ;
width:765px; 
height:auto;
background:#050505;}
#body .boxset2 .p1 .menu{
width:180px;
height:auto;
float:left;
background:#272727;
padding:10px;
}
#body .boxset2 .p1 .description{
width:350px;
height:auto;
float:left;
padding:0 0 0 20px;
}
#body .boxset2 .p1 .description .dynamictitle{
color:#FF9900;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;}
#body .boxset2 .p1 .description .dynamicp{
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FEB008;
text-align:justify;
}
#body .boxset2 .p1 .description .dynamicp .inline{
margin:10px 0 0 0;
padding:10px 5px 15px 5px;
background:#3E2A00;}
#body .boxset2 .p1 .img{
width:170px;
height:auto;
float:left;
padding:0 0 0 20px;
}

/*intro page*/
.container{
background:url(../images/introbg.jpg) no-repeat;
width:815px;
height:631px;
margin:20px auto 40px auto;
}
.container .textarea{
padding:240px 60px 0px 60px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#CCCCCC;
}
