/* Getting the new tags to behave */
article, aside, audio, canvas,  datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

body{ background:#f0f1f0; border:0; font:14px Arial, Helvetica, sans-serif; color:#6b6b6b; line-height:20px; }
/*
body#index_page_wrapper .b_content { width: 100%; }
body#page_wrapper .b_content { width: 100%;}


body#wrapper, body#index_page_wrapper {background:fixed center center url('../images/picture/seamless_paper_texture.png'); background-color: #fff;}

body#wrapper #header, body#index_page_wrapper #header {
    background-color: rgba(255, 255, 255, 0.57);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#91ffffff",
                                                       endColorstr="#91ffffff");
    ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91ffffff',
                                                       endColorstr='#91ffffff');
}



body#wrapper #content, body#index_page_wrapper #content {
    background-color: rgba(255, 255, 255, 0.76);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c1ffffff",
                                                       endColorstr="#c1ffffff");
    ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1ffffff',
                                                       endColorstr='#c1ffffff');
}

body#page_wrapper .blocks, body#index_page_wrapper .blocks {
    background-color: rgba(255, 255, 255, 1.00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff",
                                                       endColorstr="#ffffffff");
    ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
                                                       endColorstr='#ffffffff');
}
*/
.footer {
    background-color: rgba(255, 255, 255, 1.00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff",
    endColorstr="#ffffffff");
    ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
    endColorstr='#ffffffff');
}
/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:97%; overflow:hidden;}

/* Global properties ======================================================== */


.block {height:114px;}
.extra {min-height:100%; height:auto !important; margin: 0 auto -0px; }
 body, html {height:100%;}

.block2 {height:130px;}
.extra2 {height:auto !important;  margin: 0 auto -130px; background:url('../images/picture/bg.gif') bottom repeat-x;}

/*.body1{} */

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 1000px; color:black}


/* ============================= main layout ====================== */

a{ color:#6b6b6b; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
p{ padding-bottom:20px;}

/*h2{ font-size:26px; color:#000000; line-height:1.2em; padding:8px 0 18px 0; letter-spacing:-1px;}*/

/* ============================= header ====================== */
header{ width:100%; overflow:visible;}

h1{float:left; font-size:32px; line-height:1em; padding-top:5px;  padding-left:170px; text-transform:uppercase; margin-left:0; margin-bottom:0;  letter-spacing:-1px;}
h1 a{ text-decoration:none}
* +html h1{ padding-top:10px; margin-bottom: 0}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) 
{ h1 { padding-top:10px; margin-bottom:10px;} }


#top { background:url(../images/picture/s_logo.png) 0 0 no-repeat;  height:56px; margin:0; padding-top:5px;}
#top .slogan div {float:left;}
#top .phone ul {float:right; margin-left: 10px; font-weight: bold; font-style: italic; text-align: right;}

.menu { padding:0 30px; overflow:hidden;}
.menu li { float:left;}
.menu li a{ display: block; padding:0 10px; font-size:35px; color:#fff !important; text-decoration:none; line-height:50px; height:57px; letter-spacing:-2px;}
.menu li a:hover, .menu .active a{ background:#f0f1f0}


#logo{ margin:10px 0 0 100px; display:block; background:url(../images/picture/logo.png) 0 0 no-repeat; width:455px; height:222px; text-indent:-9999px;}

#menu{ background:url(../images/picture/menu_bg.png) 0 0 no-repeat; width:643px; height:80px; margin:41px 0 0 8px; padding-top:110px}

#menu li{ float:left;}
#menu a{ font-size:24px; color:#000000; line-height:1.2em; text-decoration:none; letter-spacing:-1px;}

.nav1{ padding:5px 0 0 10px; border:1px; color: black}
.nav2{ padding:30px 0 0 25px; border:1px; color: black}
.nav3{ padding:5px 0 0 35px; border:1px; color: black}
.nav4{ padding:30px 0 0 35px; border:1px; color: black}
.nav5{ padding:5px 0 0 25px; border:1px; color: black}

#menu .nav1 a:hover{ color:#bb0e0e; border:1px}
#menu .nav2 a:hover{ color:#ca6509; border:1px}
#menu .nav3 a:hover{ color:#3f9711; border:1px}
#menu .nav4 a:hover{ color:#0ca0ce; border:1px}
#menu .nav5 a:hover{ color:#8606c5; border:1px}


.inner_copy, .inner_copy a { text-indent:-9999px; width:100%; overflow:hidden;}

/* ============================= content ====================== */

.content{  overflow:hidden; background-color: #fff; width:96%; min-width:auto;max-width:max-content;margin:0 auto -10px; padding-left:20px; padding-right:20px; }
.formcontent{  overflow:hidden; background-color: #fff; width:100%; min-width:970px;max-width:1060px;margin:0 auto -10px; }

.hcontent h2 { padding-top:5px; width:100%; overflow:hidden; font-family:"PTSerifBoldItalic","Arial","Helvetica","sans-serif";font-size:16px;}

.pad_left1{ padding-left: 10px;}
.marg_right1{ margin-right:19px;}

.pad_bot1{ padding-bottom:2px;}
.pad_bot2{ padding-bottom:10px;}
.pad_bot3{ padding-bottom:2px;}

.pad_bot3 img{width:250px; height:250px;}

.pad_top1{ padding-top:10px;}
.pad_top2{ padding-top:15px;}

.pad_left{padding-left:20px;}

.form_top1{ padding-top:10px;}
.form_top2{ padding-top:15px;}
.form_bot1{ padding-bottom:10px;}
.form_bot2{ padding-bottom:40px;}
.form_bot3{ padding-bottom:15px;}
.form_left{padding-left:20px; width:500px;}


 .align_justify {text-align: justify;}
 .align_center {text-align: center;}
 
 .list_style {list-style-type: disc;}

.color1{ color:#000;}
.color_red {color:#ff0000;}
.color2{ color: #8606c5;}
.color3{ color: #bb0e0e;}
/*
.font1{ font-size:14px; color:#000; }
.font2{ font-size:14px; color:#000; font-style: italic;}

.list1{ margin-top:-4px;}
.list1 li{ line-height:30px;}
.list1 li a{ color:#6b6b6b !important; padding-left:13px; background:url(../images/picture/marker_1.gif) 0 4px  no-repeat}
*/
.button{ display:inline-block; color:#fff !important; text-decoration:none; line-height:34px; padding:0 17px; background:#000}
.button:hover{ background:#fff !important; color:#000 !important}

/* ============================= footer ====================== */

.footer { height:38px; text-align:center; width:100%; overflow:hidden; background:url(../images/picture/bg2.gif) bottom repeat-x}
.footer_end{ height:130px}
.footer_end a{ color:#8606c5}
.footer_end a:hover{}

#bottom_img { background:url(../images/picture/bottom_img.png) 0 0 no-repeat; width:643px; height:123px; margin:0 0 0 20px; padding-top:5px;}


.icons{ display:inline-block; padding:30px 0 10px 0}
.icons li{ float:left; padding:0 3px;}
* +html .icons{ display: inline}

/* Tooltips */
/*
.aToolTip {	border:1px solid #000; background: url(../images/picture/opacity_50_black.png) repeat; color:#fff;	margin:0; padding:0 5px; font-size:11px;	}
.aToolTip .aToolTipContent { position:relative;	margin:0; padding:0; }
/* a.aToolTipCloseBtn { display:block;	height:20px; width:20px; overflow:hidden;background: url(images/close.gif) no-repeat;text-indent:-9999px;	outline:none; position:absolute; top:-15px;	right:-20px; }*/


/* ============================= forms ============================= */

/*
#ContactForm .wrapper{ min-height:40px;}
#ContactForm .textarea_box{ height:145px; padding-bottom:6px; width:100%; overflow:hidden}
*/
#ContactForm a{ margin-right:10px; float:left;}
#ContactForm .input {width:224px; border:1px solid #e3e4e3; background:#fff; padding:6px 8px; color:#bebebe; font:14px Arial, Helvetica, sans-serif; height:16px}
#ContactForm textarea { overflow: auto; width:224px; border:1px solid #e3e4e3; background:#fff; padding:6px 8px; color:#bebebe; font:14px Arial, Helvetica, sans-serif; height:127px; margin:0;}

/*
.col1prod{width:320px;}
.col2prod{width:480px;}
.col3prod{width:170px;}
*/
/*
 h3.prod{ overflow:hidden; font-family:"PTSerifBoldItalic","Arial","Helvetica","sans-serif"; font-size:20pt; color:red; padding-bottom: 20px;}
 h4.head_desc {size:16pt; color:black; font-family:"PTSerifBoldItalic","Arial","Helvetica","sans-serif"; font-weight: bold;}
img.prod_img { width:300px; height: 300px; float:left; margin-right:20px; margin-top:80px;}
*/

 p.prod_desc  { display:inline; padding-left:10px;font-family:"PTSerifBoldItalic","Arial","Helvetica","sans-serif";font-size:9pt;color:grey; font-style:italic;}
 ul.main_prop  {padding-left:20px;font-family:"PTSerifBoldItalic","Arial","Helvetica","sans-serif"; font-size:12px; color:black;}
table.prod_f{padding-left: 40px;}
 td.prod_desc1 {padding: 2px 2px 2px 2px;border-spacing: 0; font-size: 80%; color:black; margin:0; background-color:#c7c7c7;}
 td.prod_desc2 {padding: 2px 2px 2px 2px;border-spacing: 0; font-size: 80%; color:black; margin:0; background-color:#949494; }
 th.head_desc { color:black; font-family:"PTSerifBoldItalic","Arial","Helvetica","sans-serif"; font-weight: bold;}
#loginform {display:none}

table.datatable  {
    width: 100%;
}

th.id_col{
    text-align:center;
    color: red;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-color: green;
    border-bottom-style: solid;
    border-bottom-width:thin;
    border-top-color: green;
    border-top-style: solid;
    border-top-width:thin;
}

th.data_col{
    text-align:left;
    color: red;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-color: green;
    border-bottom-style: solid;
    border-bottom-width:thin;
    border-top-color: green;
    border-top-style: solid;
    border-top-width:thin;
    padding-left: 20px;
}
th.cname_col {
    width: 150px;
    text-align: center;
    color: red;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-color: green;
    border-bottom-style: solid;
    border-bottom-width:thin;
    border-top-color: green;
    border-top-style: solid;
    border-top-width:thin;
    padding-left: 20px;
}
th.do_col {
    width: 40px;
    text-align: center;
    color: red;
    border-bottom-color: green;
    border-bottom-style: solid;
    border-bottom-width:thin;
    border-top-color: green;
    border-top-style: solid;
    border-top-width:thin;
}

td.id_col {
    width: 50px;
    text-align: center;
    padding-top: 5px;
    border-bottom-color: green;
    border-bottom-style: solid;
    border-bottom-width:thin;

}
td.cname_col {
    width: 150px;
    text-align: right;
    font-weight: bold;
    padding-top: 5px;
    border-bottom-color: green;
    border-bottom-style: solid;
    border-bottom-width:thin;

}
td.do_col {
    width: 40px;
    text-align: right;
    font-weight: bold;
    border-bottom-color: green;
    border-bottom-style: solid;
    border-bottom-width:thin;

}
td.data_col {
    width:500px;
    text-align: justify;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    margin-left: 10px;

    border-bottom-color: green;
    border-bottom-style: solid;
    border-bottom-width:thin;

}
#inline {display: none;}
#inlinephone {display: none; width:444px;}
#getprice {display: none; width:444px;}

#content {
    width: 400px;
    /*margin: 10px auto 0 auto; */
    padding: 0 60px 30px 60px;
    border: solid 1px #cbcbcb; /*#6f6868; */
    /* background: #fafafa; */
    -moz-box-shadow: 0 0 10px #cbcbcb;
    -webkit-box-shadow: 0 0 10px #cbcbcb;
    border-radius: 10px;
}
.btn
{
    padding: .2em .75em;
    text-decoration: none;
    /*background-image:url("../images/icons/edit.png") no-repeat;
    color:black; */
}
button.use-add  {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    background: url('../images/icons/add.png') no-repeat;
    width: 35px;
    height: 41px;
    border-radius:1%;
    border: 0;
}
button.use-edit  {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    background: url('../images/icons/edit.png') no-repeat;
    width: 35px;
    height: 40px;
    border-radius:1%;
    border: 0;

}
button.use-del  {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-top: 5px;
    background: url('../images/icons/del.png') no-repeat;
    height: 40px;
    border-radius:1%;
    border: 0;

}
/*contact.css */

#contact_form {
    font-family: Verdana, Arial, "Times New Roman";
    font-size: 12px;
    color: brown;
}
/** FORM STYLES GENERAL **/
#contact_form input, select {
    font-size: 11px;
    color:black;
    width: 300px;
    height: 28px;
    border: #CCC solid 1px;
    /** BORDER RADIUS HACKS **/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#phone input {
    margin-bottom: 5px;
}
#contact_form  textarea {
    font-size: 11px;
    color:black;
    width: 380px;
    height: 28px;
    border: #CCC solid 1px;
    /** BORDER RADIUS HACKS **/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    resize: none;
    height: 174px;
    padding: 4px 2px 2px 4px;
    font-family: Verdana, Arial, "Times New Roman";
    margin-bottom: 5px;
}

#contact_form input:hover, select:hover, textarea:hover {
    border: 1px solid #999;
}

#contact_form input:focus, select:focus, textarea:focus {
    border: 1px solid #999;
}

/** FORM STYLE: select **/
#contact_form select {
    padding: 5px 5px 3px 5px;
}
#contact_form select option {
    cursor: pointer;
    padding: 5px;
}

/** FORM STYLE: input **/
#contact_form input {
    padding: 0 5px 0px 30px;
    background-position: 7px 5px;
    background-repeat: no-repeat;
}

input#send {
    padding:0;
    cursor:pointer;
    width:135px;
    height:23px;
    background: url(../images/icons/send_button.png);
}

input#send:hover {
    border: 1px solid #999;
    color: #666;
}

#contact_form label {
    display:inline-block;
    width: 200px;
    vertical-align:top;
    margin-top: 2px;
}
/** CONTAINER OF INPUTS **/
#contact_form span {
    border:0;
    padding:0;
    margin:0;
    display: block;
    margin-bottom: 2px;
}


#name {
    background-image: url(../images/icons/user_suit.png);
}

#email {
    background-image: url(../images/icons/email.png);
}

#phone {
    background-image: url(../images/icons/phone.png);
}

#ajax_loader {
    display:none;
}

.success {
    border: 1px solid #00CC00 ;
    color:#4F8A10;
    background: #F2FFF2;
    display:none;
    margin-top: 3px;
    font-size: 11px;
    padding: 5px;
    text-align: center;
    margin-bottom: 5px;
    /** BORDER RADIUS HACKS **/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.error {
    display:none;
    margin-top: 3px;
    font-size: 11px;
    border: 1px solid #FF4F4F;
    color:#D6000E;
    background: #FFF2F2;
    padding: 5px;
    text-align: center;
    margin-bottom: 5px;
    /** BORDER RADIUS HACKS **/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.warning {
    display:none;
    margin-top: 3px;
    font-size: 11px;
    color: #9F6000;
    background: #FFF9D5;
    border: 1px solid #FFD324;
    padding: 5px;
    text-align: center;
    /** BORDER RADIUS HACKS **/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#contact_form .noicon {
    padding: 0px 7px 0 7px;
    text-align:center;
}
#res_email div{
    padding-top: 10px;
    color:red;
    font-size: 14px;
}
div#top_contactform {
    background: url(../images/icons/top.jpg);
    height: 64px;
}

div#top_contactform h2 {
    font-family: Verdana, Arial;
    font-size: 22px;
    font-weight: normal;
    padding: 20px 0 0 20px;
    color: #fff;
}

div#center {
    background: url(../images/icons/center.jpg);
    padding: 5px 15px 5px 25px;
}

div#bot {
    background: url(../images/icons/bot.jpg);
    height: 13px;
}

.greet td {padding-left: 10px}
.get_price  {
    font-size: 22px;
    font-family: Verdana, Arial;
    font-size: 22px;
    font-weight: bold;
    padding: 20px 0 0 20px;
    color: red;
}