@charset "UTF-8";
/* =========================================
    main layout (columns, footer, nav, etc.)
   ========================================= */


body{
    color:#fff;
    background-color:#000;
    margin:0px;
    padding:0px;
}

a{color:#ffffff; text-decoration: none;}
a:hover{color:#ff9900; text-decoration: underline;}

img{border:none; 0;}


.TXTFLD	
{ 
FONT-SIZE:9pt;
COLOR:#000; 
BORDER:1PX SOLID #666678; 
BACKGROUND:#FFF; 
}



/*font*/
.size-SS{font-size:10px;line-height:16px;font-family:Verdana, Arial, sans-serif;}  
.size-S{font-size:12px;line-height:18px;font-family:Verdana, Arial, sans-serif;}  
.size-M{font-size:14px;line-height:20px;font-family:Verdana, Arial, sans-serif;}  
.size-L{font-size:17px;line-height:20px;font-family:Verdana, Arial, sans-serif;} 
.size-LL{font-size:23px;line-height:24px;font-family:Verdana, Arial, sans-serif;}  
.info{font-size:12px;letter-spacing:10px;font-family:Verdana, Arial, sans-serif;} 


h1{
    font-size:20px;
    font-family:Verdana, Arial, sans-serif;
    color:#FFA500;
    font-weight: normal;

}

h2{
    font-size:18px;
    font-family:Verdana, Arial, sans-serif;
    color:#FFA500;
    font-weight: normal;

}

h3{
    font-size:16px;
    font-family:Verdana, Arial, sans-serif;
    color:#FFA500;
    font-weight: normal;

}
h4{
    font-size:14px;
    font-family:Verdana, Arial, sans-serif;
    color:#FFA500;
    font-weight: normal;

}

/*header*/


#bg{
    height:1px;
    background:url('../images/bg.gif') repeat-y;
}


#logo{
    height:20px;
    font-family:Verdana, Arial, sans-serif;
    margin-left:700px;

}


#headerleft{
    height:125px;
    background:url('../images/header_05.jpg') no-repeat;
    float:left;

}

#headerright{
    height:125px;
    background:url('../images/header_06.jpg') repeat-x;

}

#headerright:after{
    clear:left;

}

#experience{
    width:600px;
    font-weight: bold;
    font-family:Verdana, Arial, sans-serif;
    margin:0px 0px 0px 350px;
    clear:left;
}


.ex{ 
     position:relative;top:20px;  /*for firefox*/
}

#experience p{
    display:inline;
	font-size:22px;
    color:#ff9900;
}

#experience p.call{
    display:inline;
	font-size:14px;
    padding-left:20px;
    color:#fff;
}

/*navigation*/

#topnavi{
    margin:12px 0px 0px 400px;      /*for ie*/
    width:550px;
}

.navi{
    position:relative;top:-4px;  /*for firefox*/
}

#navitext{
    text-align:center;
    padding:3px 0px 0px 0px;
    font-weight: bold;
    font-family:Verdana, Arial, sans-serif;
}


#title{
    text-align:center;
    padding:3px 0px 0px 0px;
    font-size:14px;
    font-family:Verdana, Arial, sans-serif;
}


ul.navigation{

    font-size:12px;
    padding-left:0;
    margin-left:20px;
}

ul.navigation li{
    list-style:none;
    background:url('../images/tab01_06.gif');
    width:105px;
    height:21px;
    float:left;
}


ul.navigation a{
    color:#000;
    text-decoration:none;
}

ul.navigation a:hover{
    color:#ff9900;
    text-decoration:underline;

}



/* left contents*/
#left{
    width:240px;
    float:left;
    background-color:#000;
}

#search{
    width:190px;
    padding:20px 10px 0px 10px;
    float:left;
}

#searchbutton{
    margin:20px 0px 0px 0px;
}

#cart{
    width:196px;
    height:85px;
    background:url('../images/rightnavi_08.gif') no-repeat;
}

#cart2{
    width:196px;
    height:400px;
    background:url('../images/rightnavi_08.gif') no-repeat;
}

ul.leftnavi{
    font-size:12px;
    font-family:Verdana, Arial, sans-serif;
    padding:10px 10px 0px 15px;
    margin-left:15px;
}

ul.leftnavi li{
    list-style:none;
    width:193px;
    height:30px;
}

.headline{
    font-size:12px;
    color:#FFA500;
    font-family:Verdana, Arial, sans-serif;
    text-align:center;
    display:inline;
    padding:20px 0px 0px 10px;
   
}


table.space{
    margin: 20px 0px 20px 10px;
	
}


/* right contents*/
#right{
    width:752px;
    float:left;
    background-color:#000;
}

#more a{
    display:block;
    width:244px;
    height:32px;
    text-indent:-100px;
    background-image:url('../images/learn.gif');
    overflow:hidden;
}

a.more{
    background-position:0px 0px;
}
a:hover.more{
    background-position:0px -33px;
}

/*top contents*/


#flash{
    width:300px;
    height:50px;
    background-color:#000;
}

#index{
    width:742px;
    height:50px;
    padding:0px 0px 0px 0px;
}


#index2{
    width:742px;
    height:100px;
    padding:20px 0px 0px 0px;
}


#smartneon{
    width:752px;
}

#smallbox{
    width:160px;
    text-align:center;
    margin-top:40px;
}

#bigbox{
    width:330px;
    text-align:center;
    margin-top:40px;
}

#atm{
    width:163;
    height:214;
    background:url(../images/atm_07.gif) no-repeat;
    margin-left:90px;
}

#atm2{
    width:163px;
    height:214px;
    background:url(../images/corporate_09.gif) no-repeat;
    margin-left:90px;

}

#atm3{
    width:163;
    height:214;
    background:url(../images/atm_07.gif) no-repeat;
}

#sbox2{
    width:160px;
    height:200px;
    text-align:center;
    padding-top:60px;
}

#sbox3{
    width:160px;
    height:200px;
    text-align:center;
    padding-top:60px;
}

/* footer*/
#foot{
	text-align:center;
	position:relative;
	height:105px;
	background: url(../images/footer_back_02.jpg) repeat-x;
	clear:both;
}

#foot p{
    width:900px;
    position:relative; top:20px;
    text-align:center;
    margin:0px auto;
}



/* =========================================
    learnmore page
   ========================================= */

#about{
    width:680px;
    height:300px;
    background-color:#000;
    margin-top:30px;
}

#learn{
    width:710px;
    margin-bottom:50px;
}

#learn td.dotbg1{
    width:1px;
    height:4px;
    background: url(../companyinfo/images/graydot_bg.gif);
    background-repeat: repeat-y;
   
}

.iro{color:#00FFCC;
     font-size:15px;
}
.iro2{color:#FF0000;
      font-size:15px;
}


#why{
   width:710px;
    padding:20px 0px 0px 10px;
}


/* =========================================
    customneon page
   ========================================= */

#custom{
    width:720px;
    padding:20px 0px 0px 0px;
}

#sbox{
    width:214px;
    text-align:center;
    margin-top:40px;
}

#features{
    width:721px;
    height:415px;
    background-image:url(../customneon/images/featurs_background_14.gif);
}


ul.feature{
    font-size:14px;
    font-family:Verdana, Arial, sans-serif;
    padding:50px 10px 0px 20px;
    margin-left:15px;
}

ul.feature li{
    list-style:none;
    list-style-image:url(../customneon/images/staricon.gif);
}

#info{
    padding:0px 0px 0px 45px;
    font-family:Verdana, Arial, sans-serif;
}

#submitbutton{
    padding:10px 0px 0px 200px;
    height:100px;
}

#index p{
    padding-left:450px;
    color:#ff9900
}

ul.productinfo{
    font-size:15px;
    font-family:Verdana, Arial, sans-serif;
    font-weight:bold;
    padding:10px 10px 0px 15px;
    margin-left:30px;
}

ul.productinfo li{
    list-style:none;
}


#aboutdesign{
    width:700px;
    padding:0px 0px 0px 20px;
}


#aboutdesign ol.sp li{
    padding:20px 0px 0px 0px;
}

#text{
    padding:0px 0px 0px 50px;
}


/* sample page */

#galleryimg{
    width:250px;
    float:left;
    padding:5px 0px 0px 30px;
}

#gallerytxt{
    width:150px;
    height:100px;
    font-family:Verdana, Arial, sans-serif;
    font-weight:bold;
    float:left;
}

#seesamples{
    width:61px;
    font-family:Verdana, Arial, sans-serif;
    padding:50px 0px 0px 0px;
    float:left;
}

#sample{
    font-size:14px;
    font-family:Verdana, Arial, sans-serif;
    padding:65px 0px 0px 20px;
}


#gallery td{
    width:200px;
    height:202px;
    background-image:url(../gallery/images/galleryback_08.gif);
    text-align:center;
}


#heading{
    height:22px;
    padding:10px 0px 0px 20px;
}

/* atm page */

#order{
    position:relative; right:100px; 
    font-family:Verdana, Arial, sans-serif;
    float:right;
    background-color:#000;

}



#atm1227{
    width:270px;
    height:130px;
    position:relative; top:60px; left:30px;
    float:left;
}

#textbox1{
    width:300px;
    height:130px;
    font-size:14px;
    font-family:Verdana, Arial, sans-serif;
    position:relative; top:70px; left:30px;
    float:left;
}


/* corporate page */

#intro{
    width:650px;
    font-family:Verdana, Arial, sans-serif;
    padding:5px 0px 20px 20px;
}

#corporate{
    width:639px;
    height:1030px;
    background-image:url(../customneon/images/corporatebackground_05.gif);
    position:relative; left:20px; 

}


/* =========================================
    smart neon stock message page
   ========================================= */

#stock{
    width:200px;
    height:175px;
    position:relative; top:35px; 
    text-align:center;
    font-family:Verdana, Arial, sans-serif;
}

#stock2{
    width:402px;
    height:175px;
    position:relative; top:50px; 
    text-align:center;
    font-family:Verdana, Arial, sans-serif;
}

/* =========================================
    smart neon bar&gift sign page
   ========================================= */

#gift1{
    width:664px;
    height:432px;
    background-image:url(../bar_gift/images/bar_giftbackground_05.gif);
    margin:20px 0px 0px 20px;
}

#gift2{
    width:664px;
    height:480px;
    background-image:url(../bar_gift/images/bar_giftbackground_11.gif);
    margin:20px 0px 0px 20px;
}


#gift3{
    width:664px;
    height:277px;
    background-image:url(../bar_gift/images/bar_giftbackground_17.gif);
    margin:20px 0px 0px 20px;
}

table.spacing{
    position:relative; top:50px; left:40px;
}

table.spacing2{
    position:relative; top:50px; left:20px;
}

#orderbuttom{
    float:right;
    position:relative; top:50px; right:70px;
}

#orderbuttom2{
    float:right;
    position:relative; right:70px;
}


/* =========================================
    opensign page
   ========================================= */

#open{
    width:663px;
    height:935px;
    background-image:url(../opensigns/images/opensignsbackground_05.gif);
    margin:20px 0px 0px 20px;
}

#opentext{
    width:190px;
    height:100px;
    text-align:center;
    font-family:Verdana, Arial, sans-serif;
    position:relative; top:20px;
}

#open img{
    position:relative; top:10px; left:10px;
}

#open td{
    height:110px;
    background-color:#000;
}


/* =========================================
   Business neon sign page
   ========================================= */
#tubebox{
    width:720px;

}


ul.thumbs{ list-style: none; margin: 10px 0 20px 40px; padding: 0; }
ul.thumbs li{ float: left; padding: 0; margin: 5px; position: relative; }
ul.thumbs li a img{ border: 1px solid #999999; }
ul.thumbs li a:hover img{ border: 1px solid #ff9900; }



.clearfix:after { 
            display:block; content:"."; height:0; visibility:hidden; clear:both; }
.clearfix {display:inline-table;}/* for IEMac only */
/* this line hides these rules from IEMac \*/
* html .clearfix{height:1%;} /* for IE*/
.clearfix {display:block;} /* resets to block */
/* end hide from IEMac */


#letter{
    width:720px;
    padding-top:10px;
}

/* =========================================
   Channel Letter page
   ========================================= */

#infobox{
    width:650px;
    height:200px;
    background-color:#000;
    position: relative; left:10px;
}

#infotitle{
    width:724px;
    height:45px;
    background-image:url(../channelletters/images/channel.gif);
}

p.imgbox1{
    float: left;
    width:250px;
    position: relative; left:20px; top:10px;
}

p.txtbox1{
    width:300px;
    display:inline;
    position: relative; left:15px; top:8px;
}

p.txtbox2{
    float: left;
    width:350px;
    display:inline;
    position: relative; left:20px; top:8px;
}

p.position{
    position: relative; left:20px; top:8px;
    font-family:Verdana, Arial, sans-serif;
    color:#ff9900;
    font-weight:bold;
    font-size:14px;
}


#contact{
    margin-left:200px;
}

#contact dl{

}

#contact dt{
	float:left;
	clear:left;
	width:100px;

}

#contact dd{
	margin-bottom:0.375em;
	margin-left:60px;
}

#contact dl:after{
	display:block;
	content:"";
	clear:left;
}

/* =========================================
   item page
   ========================================= */

#itemlist{
    position: relative; left:10px;
    width:724px;
}

#itemlist td{
    background-color:#fff;
    width:350px;
    height:200px;
}

#caption{
    position: relative; left:10px; top:10px;
    font-family:Verdana, Arial, sans-serif;
    font-weight:bold;
    font-size:15px;
    color:000;
    width:300px;
    height:25px;
    background-color:#fff;

}

#itemimg{
    width:150px;
    position: relative; left:10px; top:10px;
    float:left;
}

#price{
    font-family:Verdana, Arial, sans-serif;
    font-size:15px;
    position: relative; left:30px; top:30px;
    float:left;
    color:000;
}

#price:after{
   display:block;
   content:"";
   clear:left;
}


/* =========================================
   detail page
   ========================================= */

#roundtable{
    width:680px;
    background: url(../customtube/images/detailbackgraund.gif) repeat-y;
    padding:0;
    margin:50px 0px 0px 30px;
}

#roundtable td{
    width:320px;
}

.topcorner{
    width:680px;
    height:40px;
    background-image:url(../customtube/images/detailbackgraund_top.gif);
}

.cap{
    color:000;
    font-weight:bold;
    font-size:22px;
}

#roundtable p{
    font-family:Verdana, Arial, sans-serif;
    font-size:15px;
    color:000;
}


.bottomcorner{
    width:680px;
    height:40px;
    clear:left;
    background-image:url(../customtube/images/detailbackgraund_bottom.gif);
}


#option{
    width:600px;
}


#option td{
    width:500px;
    padding:5px;
}

.cap2{
     padding:4px 5px;
     border-color:#ff9900;
     border-width:0 0 0 6px;
     border-style:solid;
}


/* =========================================
   companyinfo page
   ========================================= */

#companyinfo{
    width:650px;
    margin-top:20px;
    margin-left:50px;
}

#aboutabis{
   padding-left:50px;

}

#aboutabis dl{
   color:DCDCDC;
}

#aboutabis dt{
   float:left;
   clear:left;
   width:100px;
}

#aboutabis dd{
	margin-bottom:1em;
	margin-left:10px;
}

#aboutabis dl:after{
	display:block;
	content:"";
	clear:left;
}

#companyinfo p{
   color:FF8C00;

}

#companyinfo dl{
   color:DCDCDC;

}

#companyinfo dd{
	margin-bottom:1em;
	margin-left:60px;
}


#companyinfo table{
    font-family:Verdana, Arial, sans-serif;
    text-align:center;
    font-size:13px;
}


#companyinfo td{
     color:DCDCDC;
     height:20px;
     padding-bottom:10px;
}

#companyinfo td.dotbg1{
    width:1px;
    height:4px;
    background: url(../companyinfo/images/graydot_bg.gif);
    background-repeat: repeat-y;

}

.dotbg2{
    background: url(../companyinfo/images/graydot_bg_col.gif) repeat-x;

}

#testimonial ol.test li{
     padding:10px 0px 20px 0px;
}

/* =========================================
   Product Question
   ========================================= */

#question{
    padding-top:10px;
}

#question td{
    padding:5px;
}


/*#details dl{

}

#details dt{
	float:left;
	clear:left;
}

#details dd{
	margin-left:30px;
}

#details dl:after{
	display:block;
	content:"";
	clear:left;
}*/

/* =========================================
   Thank you page
   ========================================= */


#thankyou{
    text-align:center;
    width:100%;

}


#thankyoubox {
    width:500px;
    position:relative; top:100px;
    text-align:center;
    margin:0px auto;
    padding:5px;
    border-color:#FF6600;
    border-width:1px;
    border-style:solid;
}


/* =========================================
   Neon detail page
   ========================================= */

#neon{
    width:700px;
}

#neondetail{
    width:700px;
}

#neondetail2{
    padding-top:10px;
    width:700px;
}

#neondetail2 ul{
    padding-top:20px;
}


.box1{
    position:relative;top:20px;
    text-align:center;
    width:100%;

}

.posi{
    position:relative;top:20px;
    text-align:center;
    margin:0px auto;
    width:100%;
}


/* =========================================
   Gallery enlarge page
   ========================================= */

.gallerybox1{
    margin:0px;
    padding:0px;
    text-align:center;
    width:100%;
}


.gallerybox2{
    overflow:auto;
    height:600px;
    width:600px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-250px;
    margin-left:-300px;

}