body {margin:0px; padding:0px; font-family:tahoma,arial ; background:url(../images/bg-body.jpg) repeat-x #F2F2F2 }

#wrapper { width:950px; margin:0 auto}

#top-bar { height:29px; position:relative;}

#top-nav {
	position:absolute;
	height:15px;
	right:15px;
	top:1px;
	width: 320px;
}

#search-form {padding:8px; margin-bottom:10px; background:url(../images/bg-search-form2.jpg) no-repeat}

.searchbut {background: #CC0099; color:#FFFFFF; border:1px #ccc solid}
.search-result {line-height:1.6em}
.search-result a {color:#0033CC}
.search-result h4 {margin:0px; padding:0px;}
.search-result h3 { font-size:14px; padding:0px; margin:0px; font-weight:normal}
.search-result em {color: #0033CC; font-style:normal; font-weight:bold}


.jobs h4 {border-bottom:1px #ccc solid; color:#003399; font-size:13px;}
.jobs h3 { font-size:14px} 

#logo { height:85px; background:url(../images/bg-header.jpg); position:relative; z-index:1000}

#logo-showdetail { height:85px; background:url(../images/bg-header.jpg); position:relative; } /*Only this page must use this IS*/

#slider-container { background:url(../images/bg-slider.jpg); height:308px; z-index:-1 }

#slide-wrap { position:relative; top:20px; padding:15px; }


#phone { position:absolute; height:15px; right:10px; width:220px; top: 16px; font-size:11px; font-weight:bold}

#nav { position:absolute; height:15px; right:5px; width:540px; top: 52px;  font-weight:bold; color:#fff; z-index:100
}

#news { margin:5px 5px 0px 5px; padding:10px; background:#e4e4e4; color:#898989; font-size:13px; }

#wrap-content-index  { margin-top:0px}

#container { background:url(../images/bg-content.gif); padding:10px 20px; font-size:13px}

#bg-down-content { height:20px; background:url(../images/bg-down-content.gif)}

#bg-top-content { height:15px; background:url(../images/bg-top-content.png)}

#left-side-index  {width:255px;  float:left; }
#left-side-index h2 {font-size:15px; color:#68545d; margin:0px}
#left-side-index form {margin:0px; padding:0px;}

#right-side-index {width:640px; float:right;}


#news-left { border:1px #eee solid; background:#fff}
#news-title{ padding:25px 10px 10px 70px; color:#333; font-size:15px; font-weight:bold; background: url(../images/news.jpg); border-bottom:1px  #E0E0E0 solid}

#news-left h2{ padding:25px 10px 10px 70px; color:#333; font-size:15px; font-weight:bold; background: url(../images/news.jpg); border-bottom:1px  #E0E0E0 solid}

#sub-news { padding:10px; border-bottom:1px #ccc dashed; }

.subimg {float:left; margin:0px 7px 0px 0px; padding:3px; border:1px #CCCCCC solid}
#sub-news:hover {background:#fff url(../images/bg-hover-news.gif) bottom repeat-x; display:block}
#sub-news a {color: #0066CC; text-decoration:none}
#sub-news a:hover {color: #666666; text-decoration: underline}
#sub-news em {color:#666666}

#bottom-sitemap { padding:10px 0px; border:1px #ccc solid ; margin:5px; font-size:13px;  }
#bottom-sitemap h3 {font-size:0.9em; line-height:18px; margin:0px; color:#333333}
#column-map {width:175px; margin-left:10px; float:left}
#column-map ul { margin:0px; padding:0px;; list-style:none; font-size:12px}

#projects { margin-top:10px; border:1px  #D3D3D3 solid; padding:5px;}

#pro-img {text-align:center; margin:10px 0px; padding:10px 5px; border:1px #CCCCCC solid; background:#fff }
#pro-img:hover {text-align:center; margin:10px 0px; padding:10px 5px; border:1px #333 solid; background:#fff }

#pro-title a {color:#0066CC; font-size:12px; text-decoration:none}
#pro-title a:hover {color:#0066CC; font-size:12px; text-decoration: underline}
#column-product {width:190px; padding:0px 8px 10px 9px;  float:left; background:url(../images/bg-items-index.gif) bottom repeat-x #fff; border-right:1px #E5E5E5 solid}
 
h3.client  { font-size:15px; color:#68545D; margin:0px; background: url(../images/bg-projects.gif) bottom repeat-x; padding:3px; border:1px #D3D3D3 solid; }
#client-img {text-align:center; margin:9px 0px; }
#client-img img   {border:2px  #eee solid; padding:3px; background: #fff}
#client-img  a:hover img {border:2px #ccc solid;}
#client-title a {color:#0066CC; font-size:12px; text-decoration:none}
#client-title a:hover {color:#0066CC; font-size:12px; text-decoration: underline}
#column-client {width:135px; padding:0px 10px 10px 9px;  float:left; text-align:center; border-right:1px #E5E5E5 dashed   }
 

#column-map li a{
color:#888;
text-decoration:none;
margin:0px;
padding:0px;
display:block;
line-height:1.4em;
}

#more { padding:5px 10px ; text-align:right; border-top:1px #E0E0E0 solid; border-bottom:1px #E0E0E0 solid; }
#more a {color:#0066CC; font-size:12px; text-decoration:none}
#more a:hover {color:#0066CC; font-size:12px; text-decoration: underline}



#column-map li a:hover {color:#333 ; text-decoration:none}


#footer { padding:15px ;font-size:11px; color:#666666; text-align: center}
#footer a { color:#999999; text-decoration:none}
#footer a:hover { color: #333333; text-decoration:none}



/*News event*/
.news  {}
.news span  { font-style:italic; padding-right:10px; color:#666666} 
ul.news   {line-height:1.8em; list-style:none; margin:0px;}
ul.news  li a {color:#1B71B8;text-decoration:none; border-bottom:1px #BEBEBE dotted}
ul.news   li a:hover {color: #990000; text-decoration:none}

.news-text{ border :1px #eee solid;  background:#f4f4f4; padding:10px ; margin:10px 0px;}
.news-text img {margin-right:10px;}
.news-text a:hover {text-decoration:none; color:#0033CC}
.news-text a { color:#0033CC}


 
/*2nd sub page -  aboutus over view and more*/

#content , #news-event, #client-tele, #all-reviews { padding:15px; border:1px #ccc solid; margin-top:10px}
#content a , #news-event a, #client-tele a, #all-reviews a:hover { text-decoration:none}
#content  h2 {font-size:15px; }

#client-tele img {border:1px #CCCCCC solid; padding:5px}
#client-tele a:hover img {border:1px #666666 solid; padding:5px}
#client-tele h2 {color:#333; font-size:16px; margin:0px; padding:10px 0px;}
#client-tele h4  { margin:10px 0px; padding:0px; color:#333; font-size:14px;}

#news-event h2, #all-reviews h2 { margin:0px; margin-bottom:10px; padding:5px 0px; color: #999999; font-size:16px; border-bottom:1px #ccc dotted}
 
#news-event h4 { margin:0px; padding:0px; color:#333; font-size:15px;}
 
#bg-title { margin:5px 5px 0px 5px; padding:15px; height:15px; color:#fff; }
.default { background: url(../images/bg-title-2.jpg)}
.service { background:  url(../images/bg-title-listen.jpg)}
.history { background:  url(../images/bg-title-delivery.jpg)}
.downloadbg { background: url(../images/downloadbg.jpg)}
.jobsbg { background: url(../images/bg-title-jobs.jpg)}
.newsbg { background: url(../images/bg-title-micro.jpg)}
.dealers { background: url(../images/bg-title-showroom.jpg)}
.faq { background: url(../images/bg-title-faq.jpg)}
.warrantybg { background: url(../images/bg-title-warranty.jpg)}
.reviewbg { background: url(../images/bg-title-review.jpg)}
.promotion { background:url(../images/bg-title-crowd.jpg)}
#bg-title h2 {padding:0px; margin:0px; font-size:16px}
.awardbg { background: url(../images/bg-title-award.jpg)}

 
.navigation  { font-size:12px; color:#68545D; margin:0px; background: url(../images/bg-projects.gif) bottom repeat-x; padding:5px; border:1px #D3D3D3 solid; }
.navigation a  {color:#666}
.navigation a:hover {color:#003399}


.howtoorder h2 { margin:0px; padding:5px 10px; color: #FFFF00; font-size:16px; background:#000000}
.howtoorder h3 { font-size:15px; padding:5px; color:#006699; border-bottom:1px #eee solid; background:#F4F4F4}


 form submit 

.input-contact   {
 
	
}


.inputreg {
	background-color: #FFF;
 	font-size: 13px;
	padding:3px;
 	width: 250px;
	margin-bottom: 4px;
	
}
 

label {
	float: left;
	padding-top: 5px;
	width: 130px;
	clear: left;
}

.ask-label label { 
 
	padding-top: 5px;
	width: 120px;
 }

.submitbg {
	background-color: #333;
	font-size: 14px;
	color: #FFF;
	padding: 5px;
 	margin-left:  130px;
	margin-bottom: 30px;
	border: thin solid #4C4C4C;
}

.submit-ask {
	background-color: #333;
	font-size: 14px;
	color: #FFF;
	padding: 5px;
 	margin-bottom: 15px;
	border: thin solid #4C4C4C;
}

/*product page   .....showdetail.php*/

.award td {border-bottom:1px #CCCCCC  dashed; padding:5px 8px; font-size:0.9em; color:#666}
.award-title {background:url(../images/bg-award-title.gif) repeat-x}

#product-details { margin-bottom:20px;}

#product-pic { float:left; width:230px; padding:10px; }


#right-details { float:right; width:330px; padding:10px;}
#right-details h2{ margin:0px; padding:0px; font-size:17px; color:#009900}
#asking { border:1px #eee solid; background:#F8F8F8; padding:5px; margin-bottom:5px;}

#column-promo, #column-range {width:175px; padding:0px 13px 10px 13px;  float:left; background: #fff; }
#pro-sub-detail { padding:0px 10px;}
#pro-sub-detail a { color:#003399}
#pro-sub-detail a:hover { text-decoration:none}

#product-download { padding:3px 10px; font-size:12px}
#product-download ul {margin:5px 25px; padding:0px; list-style:circle; font-size:11px}
#product-download ul li a {color:#666666; }
#product-download ul li a:hover {text-decoration:none}

#overview { padding:10px; background:#F8F8F8; border:1px #eee solid}

#spec,#techno,#finishes, #brand-his {padding:10px}

#spec h3,#techno h3,#finishes h3, #brand-his h3 {padding:5px 0px; margin:0px; font-size:15px;}

#spec table,#finishes table, #techno table, #range table, #dl-catalog table {width:100%}
#spec td  {border-bottom:1px #ccc solid; padding:3px}

#dl-catalog td {border-bottom:1px #ccc dotted; padding:3px}

.block ul { list-style:none}
.block ul li a { background:url(../images/document_small_download.png) no-repeat left; padding-left:20px; line-height:1.4em; color:#666666 }

#finishes td, #techno td,   {border-bottom:1px #ccc solid; padding:10px}

#range a {color:#386DA9}
#range h3, #client-tele h3 {margin:0px; padding:5px; color: #006699; background: #F5F5F5; border-bottom:1px  #E9E9E9 solid; font-size:17px; }
#range td , #client-tele td , #all-reviews td {border-bottom:1px  #E8E8E8 solid; padding:10px 10px}
 
 #all-reviews a {color:#0033CC}
 #all-reviews a:hover {color:#0033CC; text-decoration:none}
#client-tele a {color:#0066CC}
#client-tele a:hover {color:#325692; text-decoration: none}
#title-left h2 { padding:9px; color:#FFF; background: url(../images/bg-left.gif); border:1px #000000 solid}
 #title-left h2 { padding:9px; color:#333; background: url(../images/bg-left.gif); border:1px  #E0E0E0 solid}


Range page showbrand.php

#range-page {}

#range-row { padding-bottom:10px}

.range-title h3 {margin:0px; padding:0px; font-size:15px; color:#16516D}
.range-title {padding:5px 10px;   margin:0px; background: url(../images/bg-projects.gif) bottom repeat-x; border:1px #D3D3D3 solid; }

 
#pro-sub-detail { padding:0px 10px;}
#pro-sub-detail a { color:#003399}
#pro-sub-detail a:hover { text-decoration:none}



 dl zone

#dl-zone {width:600px}
#dl-zone td {padding:5px 10px; border-bottom:1px #CCCCCC solid}
#dl-bar { background:url(../images/dl-zone-bar.gif) no-repeat; height:24px;}
#dl-wrap { background:url(../images/dl-zone-bg.jpg) repeat-x; padding:10px;}
 #dl-zone-link { padding:10px;}
#dl-zone-link  a {color:#0033CC}
#dl-zone-left { width:280px; float:left ; margin-bottom:10px;}
#dl-zone-right {  width:280px; float:right ; margin-bottom:10px;}


 
 left menu 
 .arrowlistmenu{
width: 100%; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(../images/titlebar.png) repeat-x center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 15px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
margin-top:0px;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin:8px 0px;
padding: 0;
  /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #333333;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

 

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}