@charset "utf-8";
body { background-color: #fff; margin: 0; padding: 0; }
#container { background-color: #fff; padding: 0; width: 800px; margin: 0 auto; }
#header { height: 80px; padding-top: 20px; }
#navigation { background-color: #000; margin: 0; height: 20px; }
#navigation ul { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#navigation li { float: left; padding: 0; }
#navigation a { text-decoration: none; margin: 0 6px; display: block; height: 18px; }
#navigation em { display: none; }
#navigation a.home { background:url(../images/navbar_01.gif) left top no-repeat; width: 46px; }
#navigation a.aboutus { background:url(../images/navbar_02.gif) left top no-repeat; width: 66px; }
#navigation a.products { background:url(../images/navbar_03.gif) left top no-repeat; width: 136px; }
#navigation a.ordering { background:url(../images/navbar_06.gif) left top no-repeat; width: 87px; }
#navigation a.careers { background:url(../images/navbar_08.gif) left top no-repeat; width: 205px; }
#navigation a.clients { background:url(../images/navbar_05.gif) left top no-repeat; width: 80px; }
#navigation a.contactus { background:url(../images/navbar_07.gif) left top no-repeat; width: 78px; }
#navigation a:hover.home { background:url(../images/navbar_10.gif) left top no-repeat; width: 46px; }
#navigation a:hover.aboutus { background:url(../images/navbar_11.gif) left top no-repeat; width: 66px; }
#navigation a:hover.products { background:url(../images/navbar_12.gif) left top no-repeat; width: 136px; }
#navigation a:hover.ordering { background:url(../images/navbar_15.gif) left top no-repeat; width: 87px; }
#navigation a:hover.careers { background:url(../images/navbar_17.gif) left top no-repeat; width: 205px; }
#navigation a:hover.clients { background:url(../images/navbar_14.gif) left top no-repeat; width: 80px; }
#navigation a:hover.contactus { background:url(../images/navbar_16.gif) left top no-repeat; width: 78px; }
#footer { width: 800px; margin: 0 auto; height: 100px; }
div.footer_left { float: left; }
/* div#main structures  */

#onethird, #twothirds, #onequad, #threequad { padding-bottom: 20px; }
#full { width: 100%; }
#singlefull { width: 100%; min-height:400px; }
#onethird { width: 33%; }
#twothirds { width: 66%; }
#onequad { width: 24%; }
#threequad { width: 75%; }
/* product & services page - thumbnail sections */

div.pthumb { width: 174px; text-align: center; margin: 5px 10px; float: left; }
a img { border: 0; }
.pthumb p { margin-top: 5px; font-family: Verdana, Arial; font-size: 11px; line-height: 1.3em; }
.pthumb a { display: block; text-decoration: none; color: #666; }
.pthumb a:hover { text-decoration: underline; }
/* product specific page */

div.imagebox { width: 600px; }
div.imagebox img { border-top: #666 1px solid; border-bottom: #666 1px solid; border-left: #666 1px solid; border-right: #666 1px solid; margin: 0 0 10px 0; }
div.imagebox .description { float: right; width: 190px; }
div.imagebox .description img { margin: 0 7px 7px 0; }
div.imagebox .description p { color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0 0 10px 0; }
p.ptype { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #222; }
div.imagebox ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.6em; color: #666; width: 300px; }
.left { float: left; }
.right { float: right; }
/* lists */

ul.pcat { margin: 0.5em 0 1.5em 0; padding: 0; list-style-type: none; }
ul.pcat li { margin: 0 0 .2em 0; padding: 0 0 .2em 1em; border-bottom: #eee 1px solid; font-family: Verdana, Arial; font-size: 11px; line-height: 1.3em; background: url(../images/arrow_black.gif) left .5em no-repeat; }
ol.pcat2 { margin: 0.5em 0 1.5em 1.5em; padding: 0; }
ol.pcat2 li { margin: 0 0 .2em 0; padding: 0 0 .2em 0em; border-bottom: #eee 1px solid; font-family: Verdana, Arial; font-size: 9px; line-height: 1.3em; }
ol.pcat2 a { color: #0099FF; }
ol.pcat2 a:hover { color: #000; }
ul.clientlist { font-family: Verdana, Arial; font-size: 11px; color: #666; width: 66em; padding-left: 1em; }
ul.clientlist li { float: left; width: 22em; line-height: 1.5em; }
ul.normallist { font-family: Verdana, Arial; font-size: 11px; }
ul.normallist li { line-height: 1.5em; }
div.clearlist { padding: 2em; border: #333 1px solid; }
/* general classes */

hr { border: 0; color: #000; background-color: #000; /* for ie6 */ height: 1px; margin: 5px 0; }
hr.greyline { color: #ddd; background-color: #ddd; /* for ie6 */ clear: both; }
div.dotted { height: 3px; background: url(../images/dottedline_4px.gif) repeat-x; padding: 3px 0; clear: both; }
div.dotted hr { display: none; }
hr.pthumbline { text-align: center; width: 97%; clear: both; border: 0; color: #ddd; background-color: #ddd; /* for ie6 */ height: 1px; }
hr.clearwhite { color: #fff; background-color: #fff; /* for ie6 */ clear: both; margin: 0; padding: 0; }
.clear { clear: both; }
/* text styles */

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; margin: 0.5em 0; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
h1.hometitle, h2#smallheader { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #aaa; text-align: right; float: right; margin: 0; }
h3.pcat { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 10px 0 0 0; text-transform: uppercase; }
a.return { padding-left: 20px; background: url(../images/arrow_back.gif) left center no-repeat; color: #333; font-size: 12px; }
p.path { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #999; }
p.path a { color: #999; }
p.path a:hover { text-decoration: underline; }
.largestyle { font-size: 12px; font-weight: bold; color: #333; }
.notetext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #666; }
a { color: #FF9900; }
a:hover { color: #222; }
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.6em; color: #666; }
.error { color: #ff0000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.redtext { color: #FF0000; font: bold; }
.line { text-decoration: underline; }
#footer { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
#footer a { color: #000; text-decoration: none; margin-left: 1em; }
#footer a:hover { color: #ff9900; }
/* order form styles */

.ordertitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
.ordertable { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.6em; color: #666; border: #000 1px solid; }
.ordertable td.header { color: #fff; font-weight: bold; }
.orderdetails td { border-bottom: #000 1px solid; padding-top: 1em; padding-bottom: 1em; }
.orderdetails2 td { padding-top: 0.5em; padding-bottom: 0.5em; }
.ordersidetable { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.6em; color: #666; border-top: #ccc 1px solid; border-left: #ccc 1px solid; float: right; margin-right: 4px; }
.ordersidetable td { border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; }
.ordersizefield { width: 80%; font-size: 11px; }
.orderformfield { width: 99%; font-family: "Courier New", Courier, monospace; font-size: 12px; color: #333; padding: .2em 0; }
.orderformfieldsmall { width: 100px; font-family: "Courier New", Courier, monospace; font-size: 12px; color: #333; padding: .2em 0; }
.orderformfieldtiny { width: 50px; font-family: "Courier New", Courier, monospace; font-size: 12px; color: #333; padding: .2em 0; }
.orderformfieldmini { width: 100px; font-family: "Courier New", Courier, monospace; font-size: 11px; color: #333; padding: .1em 0; }
/* Size Chart tables */

.sizecharttable { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.6em; border-top: #000 1px solid; border-left: #000 1px solid; }
.sizecharttable td { color: #333; border-bottom: #000 1px solid; border-right: #000 1px solid; padding: 7px 12px; text-align: center; }
.sizecharttable tr.header td { color: #fff; background-color: #000; font-weight: bold; }
.tablesuboptions td { border-top: #eee 1px solid; }

/* promotion */

div#promotion { width: 430px; height: 78px; margin:5px 0; padding: 17px 10px 0 360px; background: url(../images/promotion-bg.gif) left top no-repeat; }
div#promotion div { font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin: 0 0 4px 0; float:left; }
div#promotion form input, div#promotion form select { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
div#promotion form input { margin: 0 2px; }
div#promotion form input#username { width: 60px; }
div#promotion form input#useremail { width: 80px; }
div#promotion form input#usercontact { width: 70px; }
div#promotion a#btnsubmitpromo { display:block; background: url(../images/promotion-btn.gif) left top no-repeat; width: 53px; height: 16px; }
div#promotion div.promo-userinfo { width: 360px; }


div#registration-result { padding: 50px 0; }

.centralize { text-align: center; }