@font-face {
    font-family: 'theano_old_styleregular';
    src: url('theanooldstyle-regular-webfont.eot');
    src: url('theanooldstyle-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('theanooldstyle-regular-webfont.woff2') format('woff2'),
         url('theanooldstyle-regular-webfont.woff') format('woff'),
         url('theanooldstyle-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@-ms-viewport{
  width: 1280px;
}
html{
    height:100%;
    min-height:100%;
    width: 100%;
 }
body {
    margin: 0;
    padding: 0;
    background: #ffffff;
    min-height:100%;
}
image {
    border: 0;
}
.header {
    margin: 0 auto;
    width: 1280px;
}
.header .logo {
    float: left;
    padding: 7px 77px 0 78px;
}
.header .menu {
    float: left;
    padding: 36px 26px 0 26px;
}
.header .social {
    float: right;
    padding: 24px 67px 0 0;
}
.header .social .icons {
    float: left;
    padding: 0 9px 0 9px;
}
.redtop {
    width: 100%;
    min-width: 1280px;    
    top: 0;
    left: 0;
    height: 76px;
    background: no-repeat center center fixed;
    background-color: #7a0026;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;    
}
.redbottom {
    position: fixed;
    bottom: 0;
    display: block;
    width: 100%;
    min-width: 1280px;
    height: 40px;
    background-color: #7a0026;
    background-size:cover;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;    
}
.mainfull {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.mainhome {
    margin: auto;
    width: 1280px;
    height: 470px;
    background: 0 30px #ffffff url("../images/home_bg.png") no-repeat;
    vertical-align: middle;
}
.mainaboutus {
    margin: auto;
    width: 1280px;
    height: 490px;
    background: 0 30px #ffffff url("../images/aboutus_bg.png") no-repeat;
    vertical-align: middle;    
}
.mainhowto {    
    margin: auto;
    width: 1280px;
    height: 510px;
    background: 90px 10px #ffffff url("../images/how-to-order-bg.jpg") no-repeat;
    vertical-align: middle;     
}
.conhowto {
    padding: 230px 0 0 170px;
    vertical-align: middle;     
}
.conhowto .detail {
    font-family: 'theano_old_styleregular';
    font-size: 16pt;
    padding-top: 0px;
}
.conhome {
    padding-left: 100px;
}
.conhome strong {
    color: #7a0026;
    font-weight: normal;
}
.conhome h1 {
    font-family: 'theano_old_styleregular';
    font-size: 22pt;
    color: #7a0026;
}
.conhome .red_head {
    color: #7a0026;
    line-height: 34pt;
}
.conhome .red {
    color: #7a0026;
    clear: both;
}
.conhome span {
    font-family: 'theano_old_styleregular';
    font-size: 14pt;
    line-height: 26pt;
    color: #6d6e70;
}
.conhome ul {
    list-style: none;
    margin: 0;
    padding: 30px 0 5px 0;
    font-family: 'theano_old_styleregular';
    font-size: 14pt;
    color: #6d6e70;
}
.conhome li {
    padding-left: .5em; 
    text-indent: -.7em;
    line-height: 43px;
}
.conhome li:before {
    font-size:35px;
    vertical-align:middle;
    content: "• ";
    color: #7a0026; /* or whatever color you prefer */
}
.maincontactus {
    margin: 0 auto;
    width: 1280px;
    height: 540px;
}
.ushome {
    padding: 30px 0 0 100px;
    float: left;
    width: 45%;
}
.ushome h1 {
    font-family: 'theano_old_styleregular';
    font-size: 22pt;
    color: #7a0026;
    padding: 0;
    margin: 0;
}
.ushome h2 {
    font-family: 'theano_old_styleregular';
    font-size: 14pt;
    color: #676767;
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
    font-weight: normal;
}
.ushome .rows {
    float: left;
    clear: both;
    padding: 7px 0 7px 0;
}
.ushome .rows .icons {
    float: left;
}
.ushome .rows .title {
    float: left;
    font-family: 'theano_old_styleregular';
    font-size: 14pt;
    color: #676767;
    padding: 28px 20px 7px 15px;
}
.usform {
    float: left;
    width: 47%;
}
.usform h2 {
    font-family: 'theano_old_styleregular';
    font-size: 14pt;
    color: #676767;
    padding: 70px 0 10px 0;
    margin: 0;
    font-weight: normal;
}
.usform .rows {
    float: left;
    clear: both;
    padding: 0;
}
.usform .rows .title {
    float: left;
    font-family: 'theano_old_styleregular';
    font-size: 14pt;
    color: #676767;
    padding: 24px 20px 7px 5px;
    width: 130px;
}
.usform .rows .input {
    float: left;
    color: #676767;
    padding: 22px 20px 7px 15px;
}
.usform .rows input[type="text"] {
    width: 350px;
    height: 28px;
    border: solid 1px #ddddd7;
    border-radius: 4px;
    font-family: 'theano_old_styleregular';
    font-size: 15pt;
    background-color: #ddddd7;
}
.usform .rows textarea {
    width: 345px;
    height: 120px;
    border: solid 1px #ddddd7;
    border-radius: 4px;
    font-family: 'theano_old_styleregular';
    font-size: 15pt;
    background-color: #ddddd7;
}
.usform .rows_right {
    float: right;
    clear: both;
    padding: 15px 80px 0 0;
}
.usform .rows_right input[type="reset"], .usform .rows_right input[type="submit"] {
    width: 120px;
    height: 32px;
    border: solid 1px #ffffff;
    border-radius: 4px;
    font-family: 'theano_old_styleregular';
    font-size: 15pt;
    color: #676767;
    cursor: pointer;
}
.footer {
    width: 1280px;
    font-family: 'theano_old_styleregular';
    font-size: 11pt;
    color: #ffffff;
    vertical-align:middle;
    text-align: center;
    margin: 0 auto;
    padding-top: 12px;
}
.mainpro1 {
    position: absolute;
    margin: 0 auto;
    width: 1280px;
    height: 520px;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 80px;
    vertical-align: middle;
}
.mainpro {
    position: absolute;
    margin: 0 auto;
    width: 1280px;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 80px;
    vertical-align: middle;
}
.mainfullpro {
    width: 100%;
    min-width: 1280px;
    background: #ffffff url("../images/pro_bg.png") repeat-x;
    background-position-y: 453px;
    vertical-align: middle;
}
.conpro1 {
    width: 1180px;
    height: 470px;
    margin: 0 auto;
    text-align: center;
    float: left;
    padding-left: 110px;
}
.conpro1 .products {
    float: left;
    margin-top: 20px;
    padding: 0 15px 0 15px;
}
.conpro {
    width: 1180px;
    height: 470px;
    margin: 0 auto;
    text-align: center;
    float: left;
    padding-left: 110px;
}
.conpro .products {
    float: left;
    margin-top: 20px;
    padding: 0 15px 0 15px;
}
.product {
    margin-top: 8px;
}
.product .prod_image {
    float: left;
}
.product .prod_image img {
    float: left;
    width: 280px;
}
.product .prod_detail {
    float: left;
    margin-top: 50px;
    margin-left: 100px;
    font-family: 'theano_old_styleregular';
    font-size: 12pt;
    width: 650px;
    background-color: #ddddd7;
}
.product .prod_detail .prod_name {
    color: #868783;
    text-align: left;
}
.product .prod_detail .prod_line {
    margin: 0 auto;
    width: 96%;
    height: 2px;
    background-color: #7a0026;
}
.product .prod_detail .prod_name h2 {
    margin: 0;    
    padding: 10px 0 5px 15px;
}
.product .prod_detail .prod_spec {
    margin-top: 20px;
    text-align: left;
}
.product .prod_detail .prod_spec ul 
{
    list-style-type: none;
}
.product .prod_detail .prod_spec li
{
    height: 30px;
}
.product .prod_detail .prod_spec .title {
    display: inline-block;
    width: 220px;
}
.product .prod_detail .prod_spec .detail {
    display: inline-block;
    width: 320px;
}
.product_other {
    float: left;    
    font-family: 'theano_old_styleregular';
    font-size: 10pt;  
    margin: 10px 20px 0 10px;
    width: 980px;
    min-height: 150px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space:nowrap;    
}
.other_area {
    clear: both;
    float: left;
    width: 1300px;
}
.prev_btn {
    float: left;
    margin-top: 10px;
    width: 25px;
}
.next_btn {
    float: left;
    margin-top: 10px;
    width: 25px;
}
.product_other .other {
    vertical-align: top;
    width: 120px;
    min-height: 110px;
    border: 2px #ddddd7 solid;
    padding: 5px;
    margin: 0 10px 10px 10px;
    display:inline-block;
    *dsplay:inline;/* For IE7*/
    *zoom:1;/* For IE7*/
    white-space:normal;
}
.other .prod_image img {
    width: 90px;
}
.other a:link {
    color: #939598;
    text-decoration: none;
}
.other a:visited {
    color: #939598;
    text-decoration: none;
}
.other a:hover {
    text-decoration: underline;
}
.other a:active {
    text-decoration: underline;
}
.breadcrumbs {
    font-family: 'theano_old_styleregular';
    font-size: 12pt;
    margin: 10px 0 0 100px;
}
.breadcrumbs a:link {
    color: #939598;
    text-decoration: none;
}
.breadcrumbs a:visited {
    color: #939598;
    text-decoration: none;
}
.breadcrumbs a:hover {
    text-decoration: underline;
}
.breadcrumbs a:active {
    text-decoration: underline;
}
.products .prod_name {
    font-family: 'theano_old_styleregular';
    font-size: 16pt;
    color: #626366;
}
.products .prod_name a:link {
    color: #282526;
    text-decoration: none;
}
.products .prod_name a:visited {
    color: #282526;
    text-decoration: none;
}
.products .prod_name a:hover {
    text-decoration: underline;
}
.products .prod_name a:active {
    text-decoration: underline;
}
.clear {
    clear: both;
}
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: 0 0 6px rgba(215,216,216,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(159,159,159,.5);
    -webkit-box-shadow: 0 0 0 rgba(159,159,159,.5);
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(215,216,216,0.4); 
}
.bottom_space {
    display: block;
    clear: both;
    height: 150px;
    width: 100%;
}
@media screen and (min-height: 800px) {
    .mainaboutus {
        margin-top: 120px;
    }
    .mainhome {
        margin-top: 120px;
    }
    .conpro1 {
        margin-top: 70px;
    }
    .conpro {
        margin-top: 0;
    }
    .product {
        margin-top: 3px;
    }
    .product_other {
        margin-top: 10px;
    }
    .mainhowto {
        margin-top: 70px;
    }
    .usform .rows textarea {
        width: 365px;
    }
    .maincontactus {
        margin-top: 50px;
    }
}