@charset "utf-8";
/* CSS Document */

html{
height:100%; width:100%; margin:0px; padding:0px; }

body{ height:100%; width:100%; margin:0px; padding:0px; background: #FFFFFF; }

h1 { font-family: Arial; font-size: 16px; color: #666; padding: 10px 10px 10px 10px; }

/* HEADER */

#top_frame{ width:960px; margin-right:auto; margin-left:auto; padding:0px; }

#top_frame .whitespace { float: left; width: 960px; height: 28px; }

#logo_space { float: left; width: 799px; height: 64px; }

#logo_space.logo { float: left; width: 137px; height: 64px; border: 0px; }

#logo_space.mainslogan { width: 600px; height: 64px; border: 0px; }

#search_box { float: left; width: 160px; height: 36px; }

#language_selection { float: left; width: 120px; height: 28px; font-size: 11px; text-align: left; padding: 0px 0px 0px 0px; font-family: arial; color: #333; }





/* CHROMA MENU */

#language_selection select{
width: 160px;
font-family: arial;
font-size:10px;
border: 1px solid #CCC;
}



#main_menu {
float: left;
height: 31px;
width: 100%;
margin-top: 15px;
background: url('img/layout/main_menu_bg.gif') repeat-x 0px 0px;
}

#menu_items {
width:960px;
margin-right:auto;
margin-left:auto;
padding:0px;
}

#menu_items ul{
list-style:none;
padding:0px;
margin:7px 0px 10px 0px;
}

#menu_items li{
display:inline;
}

#menu_items a{
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:13px;
font-weight: bold;
}

#menu_items a:hover {
color:#000;
}

.not_first_item {
padding-right:15px;
padding-left:15px;
background:url(img/layout/dots.png) no-repeat 0px 5px;
}

.first_item {
background:none;
padding-right:15px;
padding-left:7px;
}





/* CONTENT STUFF */


#content {
margin-top: 15px;
margin-bottom: 50px;
float: left;
width: 100%;
}

#content_container {
margin-right:auto;
margin-left:auto;
width: 960px;
padding:0px;
}

#flash_home{
width:960px;
height: 500px;
background: #000;
border: 0px;
}

.home_title {
font-family: "Times New Roman";
font-size: 20px;
font-style: italic;
padding-bottom: 30px;
}


#welcome_text{
float: left;
width: 960px;
border-top: 1px dashed #bababa;
border-bottom: 1px dashed #bababa;
margin: 20px 0px 20px 0px;
/* padding: 20px 0px 20px 0px; */
}

#welcome_text p{
float: left;
font-family: Arial;
font-size: 12px;
color: #333;
line-height: 18px;
padding: 10px;
text-align: justify;
width: 300px;
}


#welcome_text img{
float: left;
line-height: 18px;
padding: 10px 10px 10px 80px;
text-align: center;
}

#flash_banner_3d {
float:left;
width: 620px;
height:150px;
padding-left: 10px;
}

#banner_home{
float:left;
}

#news {
float:left;
width: 310px;
height:150px;
padding-left: 20px;
padding-right: 0px;
}


#news h1 {
font-family: Arial;
font-size: 14px;
margin:0px;
padding:0px;
}

#news p {
font-family: Arial;
font-size: 12px;
color: #333;
line-height: 18px;
padding-top: 5px;
padding-left:10px;
padding-right:10px;
text-align: justify;

}

#news img {
padding: 0px 8px 8px 10px;
}

/* PRODUCTS */

#page_content{
/*background:url(img/layout/top_shadow.png) repeat-x 0px 0px; */
margin-bottom: 50px;
float: left;
width: 100%;
}

#page_container {
margin-right:auto;
margin-left:auto;
width: 960px;
padding:0px;
}

#page_container h1{
padding-bottom:20px;
}


#filter {
float:left;
width:240px;
margin-right:20px;
}

#filter_heading{
float: left;
width:232px;
height:16px;
font-family: Arial;
font-size: 12px;
background: #333;
color: #FFF;
padding:7px 4px 4px 4px;
font-weight: bold;
letter-spacing: 0.04em;
}

#filter_content {
float: left;
width:230px;
font-family: Arial;
font-size: 12px;
background: #FFF;
padding: 4px;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
color: #333;

}

#filter_content p{
margin: 5px 0px 5px 2px;
font-weight: bold;
}

#filter_content .seperator {
border-bottom: 1px solid #CCC;
margin: 5px 0px 5px 0px;
}

#filter_content select{
font-size:11px;
width:230px;
}

#filter_content .material_input, #filter_content .color_input, #filter_content .glass_input, #filter_content .metal_input{
width: 200px;
margin: 5px 0px 5px 0px;
font-size: 11px;
}

#filter_content input[type=checkbox]{
font-size:11px;
margin: 5px 0px 0px 5px;
}

#products_list{
float: left;
width:698px;
border: 1px solid #CCC;

}

#products_list .list_text{
float: left;
width:120px;
}


#products_list h2{
font-size: 14px;
color: #333;
font-family: "Arial";
margin: 5px 0px 5px 0px;
font-weight: normal;
text-decoration: none;
}

#products_list h2:hover{
color: #FF0000;
}

#products_list h4{
font-size: 10px;
color: #666;
font-family: "Arial";
margin: 5px 0px 5px 0px;
font-weight: normal;
}





.list_heading{
float: left;
width:691px;
height:16px;
font-family: Arial;
font-size: 12px;
background: #333;
color: #FFF;
padding:7px 4px 4px 4px;
font-weight: bold;
letter-spacing: 0.04em;
}


.list_container {
float: left;
width: 220px;
height: 180px;
/* background: #e6e6e6; */
margin-right: 8px;
margin-top: 10px;
text-align: left;
padding-left:3px;
}


.warning{
/* background: #e6e6e6; */
float: left;
line-height: 20px;
font-family: Arial;
font-size: 12px;
margin: 10px;
padding: 10px;
text-align: left;
padding-left:3px;
}











.products_container {
float: left;
width: 960px;
height: 512px;
padding:0px;
margin-top:20px;
}

.products_container_left_space{
float: left;
width: 20px;
height: 512px;
background:url(img/layout/product_container_left_space.png) no-repeat 0px 0px;
}

.products_container_right_space{
float: left;
width: 20px;
height: 512px;
background:url(img/layout/product_container_right_space.png) no-repeat 0px 0px;
}

.products_container_center{
float: left;
width: 920px;
height: 512px;
background:url(img/layout/product_container_center.png) repeat-x 0px 0px;
}


.products_container_center h2{
float: left;
width: 850px;
font-family: Arial;
font-size: 24px;
color:#333;
font-weight: bold;
padding: 0px 0px 0px 0px;
line-height: 52px;
padding-bottom: 20px;
letter-spacing:-0.05em;

}






























/* SPECS */



#specs_container {
float: left;
width: 960px;
padding-top:20px;
}


#banner {
width:960px;
height: 250px;
margin-top: 20px;
}



#basic-accordian{

}

.accordion_headings{
padding:5px;
background:url(img/layout/accordion_header.png) repeat-x 0px 0px;
color:#FFFFFF;
border:1px solid #FFF;
cursor:pointer;
font-family: Arial;
font-size: 14px;
font-weight: normal;	
}

.accordion_headings:hover{
background:url(img/layout/accordion_header_active.png) repeat-x 0px 0px;
}

.accordion_child{
float:left;
margin: 0px 15px 0px 15px;
padding:15px;
background:#EEE;
}

.accordion_child img{
float:left;
width:250px;
height:120px;
}

.accordion_child p{
float: left;
font-family: Arial;
font-size: 12px;
font-weight: normal;
line-height: 18px;
color: #666;
width: 640px;
text-align: justify;
padding-left: 10px; 
}



.header_highlight{
background:url(img/layout/accordion_header_selected.png) repeat-x 0px 0px;
}


.this_is_hidden {
display: none;
}

.this_is_shown {
display: block;
}




/* ABOUT */

#about_container {
float: left;
width: 960px;
padding-top:20px;
}

#about_container p {
font-family: Arial;
font-size: 12px;
color: #666;
line-height: 18px;
text-align: justify;
width: 275px;
float: left;
padding:20px;
}

#clearer {
width: 100%;
float: left;
clear: both;
height: 20px;
}

#about_container h1 {
font-family: "Times New Roman";
font-size: 20px;
font-style: italic;
padding-bottom: 30px;
}

#about_container img {
float: left;
padding: 6px;
}

/* FOOTER STUFF */



#footer_frame {
float: left;
width: 100%;
height: 250px;
background:url(img/layout/footer_bg.png) repeat-x 0px 0px;
margin: 0px;
padding: 0px;
}

#footer_container {
margin-right:auto;
margin-left:auto;
width: 960px;
padding:0px;
}

#footer_links {
float:left;
width: 670px;
padding-left:30px;
padding-top:120px;
}

#footer_maskot{
float:left;
width: 135px;
padding-left: 25px;
}

#copyright_frame {
float: left;
width: 100%;

background: #000;
margin: 0px;
padding: 0px;
}

#copyright_container {
margin-right:auto;
margin-left:auto;
width: 960px;
padding:0px;
}

#copyright_container p{
color: #666;
text-align: left;
line-height: 18px;
font-family: Arial;
font-size: 11px;
padding:10px 10px 10px 0px;
}


#footer_links ul {
line-height: 14px;
}


#kunye {
float: left;
width: 250px;
border-right: 1px solid #2a5900;
}

#minimap {
float: left;
width: 200px;
border-right: 1px solid #2a5900;
}


#minimap a{
color: #000;
font-family: arial;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}

#minimap a:hover {
text-decoration: underline;
}



.footer_title {
float: left;
width: 70px;
color: #000;
font-family: arial;
font-size: 10px;
font-weight: bold;
padding-left:20px;
}

.footer_description {
float: left;
width: 230px;
color: #000;
font-family: arial;
font-size: 10px;
}


#siteinfo {
float: left;
width: 270px;
}

.siteinfo_title {
float: left;
width: 70px;
color: #000;
font-family: arial;
font-size: 10px;
font-weight: bold;
padding-left:20px;
}

.siteinfo_description {
float: left;
width: 180px;
color: #000;
font-family: arial;
font-size: 10px;
}

#siteinfo a{
color: #000;
font-family: arial;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}

#siteinfo a:hover {
text-decoration: underline;
}

























#product_frame {
margin-top: 35px;
width: 950px;
height: 507px;
background: url(img/layout/product_frame_bg.png) repeat-x 0px 0px;
padding: 5px;
float: left;
}

#product_title_bar {
float: left;
width: 920px;
height: 23px;
background: #FFF;
padding: 15px;
font-weight: normal;
}

#product_title_bar h2{
float: left;
font-family: Arial;
font-size: 26px;
padding: 0px;
margin: 0px;
letter-spacing:-0.02em;
}

#product_title_bar h3{
float: left;
font-family: Arial;
font-size: 17px;
padding: 0px;
margin: 8px 0px 0px 5px;
color: #b3dc8e;
font-weight: bold;
letter-spacing:0.05em;
/*font-style: italic; */
}

#product_sub_menu {
float: left;
height: 23px;
width: 950px;
background: #FFF;
margin-top: 5px;
}

#product_sub_menu ul{
list-style:none;
padding:0px;
margin: 4px 0px 0px 15px;
}

#product_sub_menu li{
display:inline;
cursor: pointer;
}

#product_sub_menu a{
font-family: arial;
font-size: 12px;
color: #5c5c5c;
padding-right: 15px;
text-decoration: none;
}

#product_sub_menu a:hover{
color: #000;
text-decoration: none;
}

#product_sub_menu a.active_sublink{
color: #70be2a;
text-decoration: none;
}

#sub-tabbed-content-1, #sub-tabbed-content-2, #sub-tabbed-content-3, #sub-tabbed-content-4 {
float: left;
margin: 5px 0px 0px 0px;
background: #FFF;
float: left;
width:745px;
height: 421px;
background: url(img/layout/product_stage_bg.png) repeat-x 0px 0px;
}

#product_right_menu {
margin: 5px 0px 0px 5px;
background: #FFF;
float: left;
width:188px;
height: 409px;
background: url(img/layout/product_stage_bg.png) repeat-x 0px 0px;
padding: 12px 0px 0px 12px;
}

#product_right_menu select {
font-size:10px;
font-family: arial;
border: 1px solid #CCC;
width: 181px;
color: #666;
margin-bottom:10px;
}

#product_right_menu ul {
font-size:11px;
font-family: arial;
color: #666;
}

#product_right_menu li {
background:url(img/layout/features_bullet.gif) no-repeat 0px 23px;
padding-left: 10px;
}

#product_right_menu a {
color: #666;
text-decoration:none;
}

#product_right_menu a:hover {
color: #000;
}

.dots {
float: left;
width: 181px;
background: url(img/layout/dots.gif) repeat-x 0px 0px;
height: 1px;
margin: 10px 0px 10px 0px;
}

#product_image {
float: left;
width: 302px;
height: 405px;
margin: 16px 0px 0px 15px;
}

#product_intro_text {
float: left;
width: 402px;
height: 405px;
margin: 16px 0px 0px 15px;
}

#product_intro_text h4{
font-family: Arial;
font-size: 18px;
padding: 0px;
margin: 10px 0px 10px 0px;
color: #2b2d2d;
}

#product_intro_text p{
font-family: Arial;
font-size: 13px;
padding: 0px;
color: #5d5d5d;
text-align: justify;
line-height: 18px;
padding-right: 50px;
}

#sub-tabbed-content-2 h4 {
font-family: Arial;
font-size: 18px;
padding: 0px;
margin: 10px 0px 10px 20px;
color: #2b2d2d;
}

#sub-tabbed-content-2 img {
padding: 2px;
margin: 15px 2px 2px 10px;
border: 2px solid #CCC;
}

#sub-tabbed-content-3 h4 {
font-family: Arial;
font-size: 18px;
padding: 0px;
margin: 10px 0px 10px 0px;
color: #2b2d2d;
}

#sub-tabbed-content-4 h4 {
font-family: Arial;
font-size: 18px;
padding: 0px;
margin: 10px 0px 10px 10px;
color: #2b2d2d;
}

#product_features_text {
float: left;
width: 700px;
height: 405px;
margin: 16px 0px 0px 35px;
}


#product_features_text li {
font-family: Arial;
font-size: 13px;
padding: 0px;
color: #5d5d5d;
text-align: justify;
line-height: 22px;
padding-right: 50px;
padding-left: 20px;
background: url(img/layout/features_bullet.gif) no-repeat 0px 7px;
}


/*           contact part               */
#contact_right_menu {
margin:5px 0px 0px 5px;
background:#FFF;
float:left;
width:318px;
height:409px;
background:url(img/layout/product_stage_bg.png) repeat-x 0px 0px;
padding:12px 0px 0px 12px;
}
#contact_right_menu h2{
float:left;
width:318px;
font-family:Arial;
font-size:18px;
padding:0px;
margin:10px 0px 0px 0px;
color:#2b2d2d;
}
#contact_right_menu h3{
float:left;
width:318px;
font-family:Arial;
font-size:16px;
padding:0px;
margin:10px 0px 0px 0px;
color:#2b2d2d;
}
.contact_right_title {
float: left;
width: 80px;
color: #000000;
font-family: arial;
font-size: 10px;
font-weight: bold;
line-height: 14px;
}

.contact_right_description {
float: left;
width: 230px;
color: #000;
font-family: arial;
font-size: 10px;
line-height: 14px;
}
.contactdots {
float:left;
width:311px;
background:url(img/layout/dots.gif) repeat-x 0px 0px;
height:1px;
margin:10px 0px 10px 0px;
}
#sub-tabbed-contact-1, #sub-tabbed-contact-2, #sub-tabbed-contact-3, #sub-tabbed-contact-4 {
float:left;
margin:5px 0px 0px 0px;
background:#FFF;
float:left;
width:615px;
height:421px;
background:url(img/layout/product_stage_bg.png) repeat-x 0px 0px;
}
#sub-tabbed-contact-1 h4, #sub-tabbed-contact-2 h4, #sub-tabbed-contact-3 h4, #sub-tabbed-contact-4 h4{
font-family:Arial;
font-size:16px;
padding:0px;
margin:30px 30px 0px 30px;
color:#70be2a;
}
#sub-tabbed-contact-1 dl, #sub-tabbed-contact-2 dl, #sub-tabbed-contact-3 dl, #sub-tabbed-contact-4 dl{
float:left;
margin:10px 30px 0px 30px;
}
#sub-tabbed-contact-1 dt, #sub-tabbed-contact-2 dt, #sub-tabbed-contact-3 dt, #sub-tabbed-contact-4 dt{
float:left;
width:90px;
font-family:Arial;
font-size:11px;
padding:5px 10px 0px 0px;
text-align:right;
margin:15px 0px 0px 0px;
color:#2b2d2d;
}
#sub-tabbed-contact-1 dd, #sub-tabbed-contact-2 dd, #sub-tabbed-contact-3 dd, #sub-tabbed-contact-4 dd{
float:left;
width:451px;
font-family:Arial;
font-size:11px;
padding:0px;
margin:10px 0px 0px 0px;
color:#2b2d2d;
}
.contacttext{
font-family:Arial;
font-size:11px;
width:449px;
height:14px;
padding:2px;
margin:5px 0px 0px 0px;
color:#2b2d2d;
background:#ececec;
border:1px solid #c3c3c3;
}
.contactselect{
font-family:Arial;
font-size:11px;
width:455px;
height:23px;
padding:2px;
margin:5px 0px 0px 0px;
color:#2b2d2d;
background:#ececec;
border:1px solid #c3c3c3;
}
.contactarea{
font-family:Arial;
font-size:11px;
width:449px;
height:102px;
overflow:auto;
padding:2px;
margin:5px 0px 0px 0px;
color:#2b2d2d;
background:#ececec;
border:1px solid #c3c3c3;
}
.contactsubmit{
float:right;
font-family:Arial;
font-size:11px;
width:100px;
text-align:center;
height:24px;
padding:4px;
margin:10px 0px 0px 0px;
color:#ffffff;
background:#70be2a;
border:1px solid #3d6718;
}
.contactreset{
float:right;
font-family:Arial;
font-size:11px;
width:100px;
text-align:center;
height:24px;
padding:4px;
margin:10px 10px 0px 10px;
color:#ffffff;
background:#70be2a;
border:1px solid #3d6718;
}
.hata{
width:480px;
padding:5px;
font-family:Arial;
font-size:11px;
color:#ffffff;
text-align:center;
background:#fc3f3f;
border:1px solid #f80f0f;
margin:20px auto 0px auto;
}
.contactokey{
width:480px;
padding:5px;
font-family:Arial;
font-size:11px;
color:#ffffff;
text-align:center;
background:#65a923;
border:1px solid #365b11;
margin:10px auto 0px auto;
}