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

@import "reset.css";

/* =a */
#nav-main a {display:block; float:left; padding:0.5em 1em; background-color:#1a2b3c; border:1px solid #172535; color:#ccc;}
#nav-main a:hover {background-color:#1f3247;}

#home #link-home, #products #link-products, #search #link-search, #contact #link-contact {background-color:#1f3247; border-bottom:1px solid #1f3247;}

.category a {display:block; color:#fff; background-color:#172535; padding:0.25em 1em;}
.category a:hover {background-color:#d98200; color:#fff;}

.sub-category a {display:block; background:url(../img/sub-category.gif) no-repeat 2em center #515c68; padding:0.25em 4em;}
.sub-category a:hover {background-color:#d98200; color:#fff;}

#search-results a {text-decoration:underline;}

/* =body */
body {font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#1f3247; color:#fff;}

/* =div */
#header {width:60em; margin:0 auto; border-bottom:1px solid #172535;}
#header div {float:right;}
#wrapper-nav-main {width:60em; margin:-2.25em auto 0 auto; position:relative;}
#content {width:60em; margin:1.5em auto;}
#home #content {width:60em; margin:0 auto 0 auto;}
#about {width:35em; float:left; padding:0em 2.5em 1.5em 2.5em; background-color:#172535;}
#intro {width:60em; height:172px; background:url(../img/intro.jpg) center no-repeat; margin:1em auto 0 auto;}
#home #product-list {width:18em; float:right;}
#footer {width:80em; margin:0 auto; color:#999; font-size:0.75em;}

#contact-main {width:42em; float:left;} #contact-sub {width:16em; float:right;}

#products #part-list {width:42em; float:right;}
#products #product-list {width:16em; float:left;}
#contact-form div {margin:1.5em 0 0; padding:0 1.5em 1.5em 1.5em; background-color:#1a2b3c; border:3px solid #172535}

#search-main {width:60em;}

/* =em */
em.required {font-style:italic; color:#d98200;}

/* =form */
#product-list form {background-color:#d98200; padding:1em;}

/* =h1 */
h1 {display:block; float:left; width:169px; height:100px; background:url(http://www.pioneerttp.com/img/logo.gif) no-repeat; text-indent:-5000px; padding:0;}

/* =h2 */
#about h2, #product-list h2, #contact-main h2, #contact-sub h2, #search-main h2 {color:#d98200;}
#products #part-list h2, #contact-main h2, #contact-sub h2, #search-main h2 {padding:0;}

/* =h3 */
#search-results h3 {font-weight:bold; color:#d98200;}

/* =label */
#contact-form label {width:10em; padding:0 1em 0; text-align:right; display:block; float:left;}
label {vertical-align:top;}
#product-list label {font-size:0.75em; color:#000;}

/* =legend */
#contact-form legend {display:none;}

/* =li */
#nav-language li {padding:0; float:left;}
#nav-main li {padding:0; float:left; margin:0 0 0 1em;}
#product-list li {border-bottom:1px solid #ccc; padding:0;}

/* =p */
#header p {font-size:0.6em; padding:0; float:left; color:#999;}
p.error, p.highlight {padding:0; color:#c00;}
p.label {padding:0; font-size:1em;}
p.form-submit {padding:1.5em 0 0 12em;}
p.no-padding {padding:0;}

/* =strong */
#search-results strong {font-size:2em;}

/* =table */
#product-table {width:56em; margin:1em 0 0; font-size:0.75em;}
#product-table th {background-color:#172535; padding:0.5em 1em; color:#fff; font-weight:bold; border:1px solid #3a4553; text-align:center;}
#product-table td {padding:0.25em 1em; border:1px solid #3a4553; border-top:0px; vertical-align:top; text-align:center; vertical-align:middle;}
#product-table td.img {width:150px;}
#product-table img {margin:auto;}
.alt {background-color:#515c68;}

/* =ul */
#nav-language {display:block; float:left; padding:0;}
#nav-main {display:block; padding:0; float:right; margin:-2px 0.5em 0; position:relative;}
#product-list ul {border-top:1px solid #ccc; padding:0; margin:1em 0 0;}