@charset "UTF-8";

a, input, textarea, select {outline: none;}

@font-face {
    font-family: 'eurostilebold';
    src: url('fonts/eurostib-webfont.eot');
    src: url('fonts/eurostib-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/eurostib-webfont.woff') format('woff'),
         url('fonts/eurostib-webfont.ttf') format('truetype'),
         url('fonts/urostib-webfont.svg#eurostilebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'eurostileregular';
    src: url('fonts/eurosti-webfont.eot');
    src: url('fonts/eurosti-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/eurosti-webfont.woff') format('woff'),
         url('fonts/eurosti-webfont.ttf') format('truetype'),
         url('fonts/eurosti-webfont.svg#eurostileregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'texgyrepagellabold_italic';
    src: url('fonts/texgyrepagella-bolditalic-webfont.eot');
    src: url('fonts/texgyrepagella-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyrepagella-bolditalic-webfont.woff') format('woff'),
         url('fonts/texgyrepagella-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/texgyrepagella-bolditalic-webfont.svg#texgyrepagellabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'texgyrepagellaitalic';
    src: url('fonts/texgyrepagella-italic-webfont.eot');
    src: url('fonts/texgyrepagella-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyrepagella-italic-webfont.woff') format('woff'),
         url('fonts/texgyrepagella-italic-webfont.ttf') format('truetype'),
         url('fonts/texgyrepagella-italic-webfont.svg#texgyrepagellaitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, #form input, #form textarea { font-family:'texgyrepagellaitalic',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
h1,h2, h3, .product_box_content span, .footer_title { font-family:'eurostileregular',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
#nav ul li a { font-family:'eurostilebold',Arial,Tahoma,Verdana,Helvetica,sans-serif; }

body {
margin:0;
padding:0;
text-align:center;
background-color:#F1F1F1;
color:#000;
font-size:16px;
line-height:1.7em;
}
a:link, a:visited {
color:#000;
text-decoration:none;
}
a:hover {
color:#EF7D00;
text-decoration:none;
}
body a img {
border:0 solid #FFF;
}
h1 {
position:relative;
line-height:44px;
font-size:40px;
font-weight:normal;
color:#FFF;
text-transform:uppercase;
background:url("back_title.png") 50% top no-repeat;
margin-top:-20px;
margin-bottom:20px;
padding-bottom:35px;
z-index:100;
}
h2 {
line-height:80px;
font-size:40px;
font-weight:normal;
color:#000;
text-transform:uppercase;
background:url("back_title2.png") 50% bottom no-repeat;
margin-top:0;
margin-bottom:20px;
}
h3 {
position:relative;
top:-31px;
line-height:40px;
font-size:40px;
font-weight:normal;
color:#000;
text-align:left;
text-transform:uppercase;
background:url("back_title3.png") 50% top no-repeat;
margin-top:0;
margin-bottom:20px;
padding-top:11px;
padding-left:135px;
padding-bottom:11px;
z-index:100;
}
.imgleft {
float:left;
margin-right:10px;
}
.imgright {
float:right;
margin-left:10px;
}
.cleaner {
_display:none;
clear:both;
line-height:1px;
}

/* Container.............................................................. */

#container {
position:relative;
width:1200px;
background-color:#FFF;
margin-left:auto;
margin-right:auto;
}
#topbox {
width:1170px;
height:30px;
line-height:30px;
padding-right:30px;
font-size:14px;
color:#FFF;
text-align:right;
background-color:#EF7D00;
}
#topbox a {
color:#FFF;
}
#topbox a:hover {
text-decoration:underline;
}

/* Header.............................................................. */

#header {
position:relative;
width:1200px;
height:104px;
}
#main_logo {
position:absolute;
top:0;
left:0;
width:460px;
height:104px;
}

/* Nav............................. */

#nav {
position:absolute;
top: 0px !important;
right:0;
height:104px;
line-height:104px;
}
#nav ul {
list-style-type:none;
margin:0;
padding:0;
}
#nav ul li {
display:inline;
}
#nav ul li a {
display:block;
float:left;
font-size:20px;
color:#000;
text-decoration:none;
text-align:center;
padding-left:20px;
padding-right:20px;
}
#nav ul li a:hover {
color:#EF7D00;
text-decoration:none;
}
.cl-effect-1 a::before,
.cl-effect-1 a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}
.cl-effect-1 a::before {
margin-right: 10px;
content: '[';
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}
.cl-effect-1 a::after {
margin-left: 10px;
content: ']';
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}
.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}

/* Slider.............................................................. */

#slider {
position:relative;
width:1200px;
height:590px;
}
#slider_nav {
position:absolute;
top:35px;
left:0;
width:148px;
height:123px;
}
#slider_back {
position:absolute;
bottom:0;
left:0;
width:1200px;
height:98px;
background:url("back_slider.png") top left repeat-x;
}

/* Intro.............................................................. */

#intro {
width:1200px;
background:url("back_intro.png") top left;
padding-bottom:30px;
}
#intro_content {
width:1058px;
margin-left:70px;
margin-right:70px;
border:1px solid #FFF;
border-top:0 solid #FFF;
}
#intro_content p {
color:#FFF;
text-align:center;
padding-left:20px;
padding-right:20px;
}

/* Second.............................................................. */

#second {
width:1200px;
background:url("back_second.jpg") top left;
padding-top:30px;
padding-bottom:30px;
}
#second_content {
width:1060px;
margin-left:70px;
margin-right:70px;
}
#product_box {
text-align:left;
}
.product_box_content {
float:left;
width:223px;
padding-left:65px;
padding-right:65px;
}
.product_box_content span {
display:block;
font-size:40px;
padding-top:20px;
padding-bottom:30px;
}
.product_box_content p {
font-size:18px;
color:#7C7C7C;
}
.product_box_content a .product_box_nav {
width:44px;
height:44px;
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
background-color:#EF7D00;
behavior:url(PIE.htc);
position:relative;
zoom:1;
}
.product_box_content a:hover .product_box_nav {
background-color:#000;
}

/* Third.............................................................. */

#third {
width:1200px;
background:url("back_third.png") top left;
padding-top:70px;
padding-bottom:30px;
}
#third_content {
position:relative;
width:1058px;
margin-left:70px;
margin-right:70px;
border:1px solid #C6C6C6;
border-top:0 solid #FFF;
}
#third_content_title {
position:absolute;
top:-30px;
left:625px;
width:300px;
font-size:28px;
text-align:left;
}
#top_offer{
position:relative;
width:1028px;
height:215px;
margin-left:auto;
margin-right:auto;
margin-bottom:30px;
}
#ton_left {
position:absolute;
top:85px;
left:0;
width:44px;
height:44px;
}
#ton_right {
position:absolute;
top:85px;
right:0;
width:37px;
height:100px;
}
#ton_left a img, #ton_right a img {
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
background-color:#000;
behavior:url(PIE.htc);
position:relative;
zoom:1;
} 
#ton_left a:hover img, #ton_right a:hover img {
background-color:#FFF;
}
#top_offer ul {
position:relative;
left:44px;
height:215px;
list-style-type:none;
margin:0;
padding:0;
}
#top_offer ul li {
display:inline;
}
#top_offer ul li a {
display:block;
float:left;
width:215px;
height:215px;
margin-left:10px;
margin-right:10px;
}
#top_offer ul li a img {
border:0 solid #FFF;
}

/*  SLIDER  ............................................. */

.slidercont {
width: 100%;
height: 220px;
margin-top: 20px;
overflow: hidden;
position: relative;
}
.slider {
width: 89.5%;
margin-left:5.25%;
height: 220px;
overflow: hidden;
position: relative;
}
.slider table td {
width: 215px;
height: 215px;
line-height: 0px;
}
.arrow_left {
position:absolute;
top:0;
left:0%;
margin-top:90px;
cursor: pointer;
}                     
.arrow_right {
position:absolute;
top:0;
right:0%;
margin-top:90px;
text-align:right;
cursor: pointer;
}
.arrow_left img, .arrow_right img {
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
background-color:#000;
behavior:url(PIE.htc);
position:relative;
zoom:1;
}
.arrow_left img:hover, .arrow_right img:hover {
background-color:#FFF;
}
.arrow_right img {
float:right;
}

/* Fourth.............................................................. */

#fourth {
width:1200px;
font-size:20px;
color:#000;
text-align:left;
background-color:#EF7D00;
padding-top:30px;
padding-bottom:15px;
}
#fourth_content {
width:1060px;
margin-left:70px;
margin-right:70px;
}
#fourth_content a {
color:#000;
}
#fourth_content a:hover {
color:#FFF;
}
.footer_box01 {
float:left;
width:350px;
margin-right:30px;
}
.footer_title {
width:335px;
height:44px;
line-height:44px;
font-size:20px;
color:#FFF;
background-color:#000;
padding-left:15px;
}
.fbox {
padding-left:30px;
}
.fbox01 {
background:url("back_fbox01.png") top left no-repeat;
}
.fbox02 {
background:url("back_fbox02.png") top left no-repeat;
}
.fbox03 {
background:url("back_fbox03.png") top left no-repeat;
}
.fbox04 {
background:url("back_fbox04.png") top left no-repeat;
}

#form {
float:right;
width:285px;
text-align:left;
}
#form form {
margin:0;
padding:0;
}
#form input {
display:block;
/*width:265px;*/
height:30px;
line-height:30px;
font-size:20px;
color:#000;
background-color:#FFF;
margin:0;
margin-bottom:5px;
padding:0;
padding-left: 4%;
border:0 solid #FFF;
}
#form textarea {
width:96%;  
height:100px;
font-size:20px;
color:#000;
background-color:#FFF;
padding-left: 4%;
margin-bottom:5px;
border:0 solid #FFF;
}
#form input.submit {
width:285px;
height:30px;
line-height:30px;
font-size:20px;
font-weight:bold;
color:#EF7D00;
text-align:center;
background-color:#000;
cursor:pointer;
margin:0;
padding:0;
border:0 solid #FFF;
}
#form input.input_hidden {
visibility:hidden;
width:1px;
height:1px;
margin:0;
padding:0;
}

#footer_link1 {
position:absolute;
bottom:30px;
right:380px;
line-height:22px;
list-style-type:none;
margin:0;
padding:0;
}
#footer_link1 li {
text-align:right;s
}
#footer_link1 li a img {
border:0 solid #FFF;
}
#footer_link1 li a {
font-size:16px;
color:#000;
text-decoration:none;
}
#footer_link1 li a:hover {
color:#FFF;
text-decoration:none;
}
#footer_link1 li span {
position:relative;
top:-5px;
}