@charset "utf-8";
@import url(reset.css);
@import url(generic.css);

body {
background: url(../images/bg.gif);
padding-bottom: 20px;
font-size: 1.2em;
line-height: 1.4em;
color: #333;
}

.style1 {
color: #000;
font-size: 1.2em;
line-height: 1.3em;
}

.style2 {
color: #000;
font-size: 16px;
line-height: 1.3em;
}

.style3 {
color: #000;
font-size: 1.3em;
line-height: 1.3em;
}

.style4 {
color: #fff;
font-size: 1.4em;
line-height: 1.3em;
}

.style5 {
color: #fff;
font-size: 1.2em;
line-height: 1.3em;
}

.style6 {
color: #fff;
font-size: 1.3em;
line-height: 1.5em;
word-spacing: 1px;
}

.style6 a {
color: #fff;
text-decoration: none;
margin: 0 5px;
}

.style6 a:hover {
color: #4277FF;
text-decoration: underline;
}

.style6 a:active {
color: #000066;
text-decoration: underline;
}

.style9 {
color: #4277FF;
font-size: 1.3em;
font-weight: bold;
}

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

#header-short {
position: relative;
height: 200px;
background: url(../images/header_short.jpg) 0 0 no-repeat;
}

#header {
position: relative;
height: 221px;
background: url(../images/header.jpg) 0 0 no-repeat;
}

#main {
background: #fff;
padding: 0 20px;
width: 917px;
}

#main-top {
padding-left: 10px;
position: relative;
overflow: visible;
width: 100%;
}

#main-top p {
width: 860px;
margin-bottom: 1em;
padding: 5px 15px;
}

#company-top {
padding-left: 10px;
padding-top: 10px;
position: relative;
overflow: visible;
width: 100%;
}

#producttable-top {
margin-left: -5px;
position: relative;
overflow: visible;
width: 100%;
}

#company-top p {
width: 865px;
color: #000;
margin-bottom: 1em;
font-size: 1.2em;
padding: 5px 15px;
}

#productinfo {
float: left; 
padding-left: 50px;
margin-top: 115px;
margin-right: 15px;
line-height: 1.2em;
}

#producttech {
float: left; 
padding-left: 140px;
margin-top: 30px;
margin-right: 10px;
line-height: 1.2em;
}

#producttech-long{
float: left;
width: 300px;
padding-left: 150px;
margin-right: 10px;
line-height: 1.2em;
}

#producttech-long2{
float: left;
padding-left: 550px;
margin-top: -61px;
line-height: 1.2em;
}

h1 {
color: #000;
letter-spacing: 1px;
font-size: 1.3em;
word-spacing: 2px;
}

h4 {
color: #1548b0;
letter-spacing: -1px;
font-size: 13px;
word-spacing: 2px;
}

h1 em {
color: #213356;
}

h1.short {
padding: 5px 0 8px 15px;
background: url(../images/home-header-short.png) left bottom no-repeat;
width: 600px;
margin-bottom: 8px;
}

h1.med {
padding: 5px 0 8px 13px;
background: url(../images/home-header-med.png) left bottom no-repeat;
width: 720px;
margin-bottom: 8px;
}

h1.med2 {
padding: 5px 0 0 13px;
background: url(../images/home-header-med2.png) left bottom no-repeat;
width: 770px;
margin-bottom: 8px;
line-height: 2.2em;
}

h1.med3 {
padding: 5px 0 8px 17px;
background: url(../images/home-header-med4.png) left bottom no-repeat;
width: 770px;
margin-bottom: 8px;
}

h1.short4 {
background: url(../images/home-header-short.png) left bottom no-repeat;
width: 300px;
font-size: 15px;
padding: 10px 5px 8px 20px;
margin-left: 40px;
margin-bottom: 18px;
}

#short3 {
background: url(../images/home-header-short.png) left top no-repeat;
width: 600px;
margin-top: 3px;
margin-left: 155px;
margin-bottom: -3px;
}

h1.longmain {
padding: 5px 0 8px 0;
background: url(../images/home-header-long.png) center bottom no-repeat;
width: 885px;
margin-left: 30px;
margin-bottom: 2px;
}

h1.long {
padding: 7px 0 8px 5px;
font-size: 16px;
background: url(../images/home-header-long.png) left bottom no-repeat;
width: 810px;
margin-bottom: 8px;
}

h1.long2 {
padding: 10px 0 8px 15px;
background: url(../images/home-header-long.png) left bottom no-repeat;
width: 880px;
margin-bottom: 10px;
}

h1.long3 {
padding: 15px 0 7px 15px;
background: url(../images/productheader.gif) left bottom no-repeat;
width: 820px;
margin-bottom: 5px;
}

h1.contact {
background: url(../images/contactheader.gif) left bottom no-repeat;
width: 810px;
margin-bottom: 3px;
margin-left: -13px;
height: 30px;
}

h1.dealer {
background: url(../images/dealer.gif) left bottom no-repeat;
width: 810px;
margin-bottom: 3px;
margin-left: -23px;
height: 30px;
}

h1.contest {
background: url(../images/contest.gif) left bottom no-repeat;
width: 810px;
margin-bottom: 3px;
margin-left: -23px;
height: 30px;
}

#main-btm {
background: url(../images/main-btm.gif) center 0 no-repeat #fff;
height: 37px;
width: 957px;
}

ul#nav {
height: 17px;
position: absolute;
left: 28px;
top: 157px;
padding: 16px 0 0 15px;
}

ul#nav li {
display: block;
float: left;
height: 17px;
}

ul#nav li a {
display: block;
float: left;
height: 17px;
cursor: pointer;
z-index: 999;
}

a#home { background:url(../images/nav/home.png) 0 0 no-repeat; width:73px;}
a#home2 { background:url(../images/nav/home2.png) 0 0 no-repeat; width:73px;}
a#mens { background:url(../images/nav/mens.png) 0 0 no-repeat; width:79px;}
a#mens2 { background:url(../images/nav/mens2.png) 0 0 no-repeat; width:79px;}
a#womens { background:url(../images/nav/womens.png) 0 0 no-repeat; width: 103px;}
a#womens2 { background:url(../images/nav/womens2.png) 0 0 no-repeat; width: 103px;}
a#technical { background:url(../images/nav/technical.png) 0 0 no-repeat; width: 187px;}
a#technical2 { background:url(../images/nav/technical.png) 0 0 no-repeat; width: 187px;}
a#news { background:url(../images/nav/news.png) 0 0 no-repeat; width: 137px;}
a#news2 { background:url(../images/nav/news2.png) 0 0 no-repeat; width: 137px;}
a#offers { background:url(../images/nav/offers.png) 0 0 no-repeat; width: 130px;}
a#offers2 { background:url(../images/nav/offers2.png) 0 0 no-repeat; width: 130px;}
a#guarantee { background:url(../images/nav/guarantee.png) 0 0 no-repeat; width: 182px;}
a#guarantee2 { background:url(../images/nav/guarantee2.png) 0 0 no-repeat; width: 182px;}
a#aboutproducts { background:url(../images/nav/aboutproducts.png) 0 0 no-repeat; width: 125px;}
a#aboutproducts2 { background:url(../images/nav/aboutproducts2.png) 0 0 no-repeat; width: 125px;}
a#company { background:url(../images/nav/company.png) 0 0 no-repeat; width: 118px;}
a#company2 { background:url(../images/nav/company2.png) 0 0 no-repeat; width: 118px;}

a#home:hover { background:url(../images/nav/home2.png) 0 0 no-repeat; width:73px;}
a#mens:hover { background:url(../images/nav/mens2.png) 0 0 no-repeat; width: 79px;}
a#womens:hover { background:url(../images/nav/womens2.png) 0 0 no-repeat; width: 103px;}
a#technical:hover { background:url(../images/nav/technical2.png) 0 0 no-repeat; width: 187px;}
a#news:hover { background:url(../images/nav/news2.png) 0 0 no-repeat; width: 137px;}
a#offers:hover { background:url(../images/nav/offers2.png) 0 0 no-repeat; width: 130px;}
a#guarantee:hover { background:url(../images/nav/guarantee2.png) 0 0 no-repeat; width: 182px;}
a#aboutproducts:hover { background:url(../images/nav/aboutproducts2.png) 0 0 no-repeat; width: 125px;}
a#company:hover { background:url(../images/nav/company2.png) 0 0 no-repeat; width: 118px;}


#flash {
float: left;
height: 382px;
margin-left: -15px;
margin-top: 3px;
}

#online {
float: right;
height: 78px;
margin-right: 5px;
} 

#footer {
background: url(../images/footer.gif) center bottom no-repeat #fff;
height: 45px;
padding: 45px;
} 


#footer p {
margin-top: -33px;
color: #000;
font-size: 14px;
}

#footer p a {
color: #000;
text-decoration: none;
margin: 0 5px;
}

#footer p a:hover {
color: #1548b0;
text-decoration: underline;
}

#footer p a:active {
color: #000066;
text-decoration: underline;
}

.clr {
clear: both;
}

.hide {
overflow: hidden;
height: 1px;
width: 1px;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
}

.homeLink {
position: absolute;
top: 25px;
left: 280px;
width: 400px;
height: 90px;
display: block;
}

.news-update {
background: url(../images/news-back.gif) left top no-repeat;
height: 285px;
width: 260px;
position: absolute;
top:190px;
margin-left: 575px;
}

.news-update h4 {
text-align: left;
letter-spacing: 0px;
padding-left: 15px;
display: block;
margin-bottom: 2px;
margin-top: 5px;
color: #FFF;
}

.news-update ul {
padding-left: 22px;
padding-top: 13px;
width: 195px;
font-size: 10;
line-height: 1.3em;
}

.news-update ul a {color: #333;
text-decoration: none;
}

.news-update-bedeal {
background: url(../images/news-back.gif) left top no-repeat;
height: 285px;
width: 260px;
position: absolute;
top:80px;
margin-left: 575px;
}

.news-update-bedeal h4 {
text-align: left;
letter-spacing: 0px;
padding-left: 15px;
display: block;
margin-bottom: 2px;
margin-top: 5px;
color: #FFF;
}

.news-update-bedeal ul {
padding-left: 22px;
padding-top: 13px;
width: 195px;
font-size: 10;
line-height: 1.3em;
}

.news-update-bedeal ul a {color: #333;
text-decoration: none;
}

/* ---- Main Form ---- */

#MAINForm {
font-size: 1em;
color: #fff;
}

#MAINForm input {
border-top: 1px solid #999;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
border-left: 1px solid #999;
}

#MAINForm input, #MAINForm select {
font-family: Arial, Helvetica, sans-serif;
}

#MAINForm input.button {
background: url(../images/sign_but1.png) 0 0 no-repeat;
height: 32px;
width: 103px;
letter-spacing: 1px;
border: none;
clear: both;
margin-top: 1em;
color: #fff;
font-weight: bold;
font-size: 13px;
}

#MAINForm input.button:hover {
background: url(../images/sign_but2.png) 0 0 no-repeat;
font-weight: bold;
color: #000;
}

#MAINForm input:focus {
}

/* ---- Contact Form ---- */

#contactForm {
width: 55%; /* Change to whatever, it should auto adjust */
margin-left: 25px;
padding-top: 15px;
border: 1px #e5e5e5 solid;
background: url(../images/formback.gif) 0 bottom repeat;
padding: 12px;
font-size: 1.2em;
}

#contactFormLeft {
float: left;
padding-left: 5px;
width: 47%;
}

#contactFormRight {
float: right;
padding-left: 22px;
padding-top: -150px;
width: 47%;
}

#contactFormCenter {
float: center;
width: 47%;
}

#contactForm label, #contactForm input, #contactForm select {
float: left;
clear: left;
font-family: Arial, Helvetica, sans-serif;
}

#contactForm label {
width: 222px;}

#contactForm input {
width: 92%;
padding: .2em;
margin-bottom: .75em;
border-top: 1px solid #999;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
border-left: 1px solid #999;
color: #333;
margin-bottom: 14px;
}

#contactForm input.button {
background: url(../images/sub_but1.png) 0 0 no-repeat;
height: 35px;
width: 200px;
letter-spacing: 1px;
border: none;
clear: both;
margin-top: 1em;
color: #fff;
font-weight: bold;
font-size: 13px;
}

#contactForm input.button:hover {
background: url(../images/sub_but2.png) 0 0 no-repeat;
font-weight: bold;
}

#contactForm input:focus {
color: #000;
}

#contactForm select {
width: 92%;
padding: .2em;
clear: both;
margin-top: 1em;
}

#contactForm .phone {
clear: none;
width: 60%;
}

#contactForm .ext {
width: 18%;
clear: none;
float: right;
margin-right: 10px;
}