html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


body { margin: 0; padding: 0; font-size: 75%; font-family: Arial, Helvetica, sans-serif; background: black; line-height: 1em; color:#FFFFFF; line-height: 1.2em; }

img { border: 0; }

a { color: #939393; text-decoration: none;  }
a:hover, #content.white a:hover { color: #999999; }

#ticker a { color: #fff; text-decoration:none; }
#ticker a:hover { cursor: hand; }

#disclaimer { width: 860px; margin: 0 auto; margin-top: 10px; color:#FFFFFF; }

h1, h2, h3, p { margin: 0; text-align:left; padding: 10px 12px 3px 13px; }
p { padding: 0 16px 5px 13px; }
h1 { font-size:14px; text-transform: uppercase; padding: 8px 13px 13px 13px; }
h2 { font-size:13.5px; }
h3 { font-size:12px; }

h2 a { color: #fff; }
h2 a:hover { color: #fff; text-decoration: underline; }

.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */

#wrapper { width: 860px; margin: 0 auto; padding: 0; background-repeat: no-repeat; }

#header { position: relative; z-index: 300; height: 84px; }

#logo { position: absolute; top: 34px; right: 38px; float: right; height: 84px; width: 147px; z-index: 350; }


#navigation { position: absolute; left: 10px; bottom: 0; width: 700px; height: 34px; text-align: center; z-index: 350; }
#navigation ul { padding: 0; margin: 0; list-style-type: none; }
#navigation li { position: relative; float: left; padding: 0 1px 0 0; }
#navigation li a { zoom: 1; float: left; padding: 0 12px; height: 34px; line-height: 34px; color: white; text-decoration: none; text-transform: uppercase; letter-spacing: 0.1em; }
#navigation li a:hover { background: url(../graphics/nav_hover.gif) repeat-x; }
#navigation li.nav_active a, #navigation li.nav_active a:hover { background: url(../graphics/nav_active.gif) repeat-x }
#navigation li ul { position: absolute; left: 0; top: 34px; display: block; width: 125px; text-align: left; background: #2d2d2d; }
#navigation li li { float: none; display: block; padding: 0; border-bottom: 1px solid #3c3c3c; }
#navigation li li a, #navigation li.nav_active li a { float: none; display: block; padding: 6px 12px; height: auto; line-height: 1em; text-transform: none; font-size: 85%; letter-spacing: normal; background: none; }
#navigation li li.nav_active a, #navigation li li a:hover, #navigation li.nav_active li a:hover { background: #444343 none; }


/* dropdown CSS */

* html #navigation table { border-collapse: collapse; padding: 0; margin: 0 0 -7px; width: 0; height: 0; font-size: 1em; z-index: 300; position: absolute; left: 0; top: -1000px; }
* html #navigation a:hover table { display: block; left: 0; top: 0; }
#navigation td { margin: 0; padding: 0; }
#navigation td a { position: relative; zoom: 1; }
* html #navigation a:hover { position: relative; z-index: 100; }
#navigation li:hover { position: relative; }
* html #navigation ul ul a:hover { position: relative; z-index: 110; }
#navigation ul ul li:hover { position: relative; }
* html #navigation ul ul ul a:hover { position: relative; z-index: 120; }
#navigation ul ul ul ul a:hover { position: relative; z-index: 130;   }
#navigation ul ul { visibility: hidden; display: none; }
#navigation ul :hover ul { visibility: visible; display: block; height: auto; }
#navigation ul :hover ul ul { visibility: hidden; }
#navigation ul :hover ul :hover ul ul { visibility: hidden; }
#navigation ul :hover ul :hover ul { visibility: visible; left: 125px; top: 0; background-color: #5e5e5e; }
#navigation ul :hover ul :hover ul :hover ul { visibility: visible; }


ul.innernav  { position: absolute; bottom: 15px; }
ul.innernav li { list-style: none; float: left;  }
ul.innernav li a { font-size: 10.5px; background-color: #999; color: #fff; border: 1px solid #fff; padding: 3px 5px; float: left; border-top: none; border-left: none; }
ul.innernav li a:hover { background-color: #6d6668; color: #fff; }

#home-flash { float: left; width: 860px; height: 436px; }
#swatch-flash { float: left; width: 860px; height: 440px; }
#slider-flash { float: left; width: 860px; height: 105px; margin-top: 20px; }

#content-container { padding: 0; margin: 0; position: relative; }

#content-container ul { list-style-position: outside; float:left; margin-left: 0px; padding: 0 10px 0 15px; list-style-type:square; }

#content { font-size: 95%; width: 872px; padding: 0; margin: 0; height: 436px; overflow: hidden; }
#content.img { width: 495px; margin:0; }
#content.img img { padding: 0 13px 10px 0; margin: 0; float: none; }
#content.img table { padding: 0; margin: 0 0 0 14px; }
#content.img table tr td { padding: 0; vertical-align: top; }

.white { background-color:#FFF; color: #000; height: 428px; overflow: hidden; padding-top: 8px; }
#content.white { background-color:#FFF; color: #000; height: 428px; overflow: hidden; padding-top: 8px; }
#content.white.img table { padding: 0; margin: 0 0 0 12px; float: right; }
#content.white.img table.main { margin-top: 7px; }
#content.white.img table.icons { width: 90%; float: left; }
#content.white.img table.icons tr td img { margin: 0; padding: 0 0 2px 0; }
#content.white.img table.icons tr td { padding-bottom: 5px; letter-spacing: -0.05em; line-height: 1em; }

table.boxed { text-align: center; margin: 20px; }
table.boxed tr td { padding: 5px 30px; }


#body-text { max-width: 720px; }

#content-black { font-size: 95%; width: 846px; padding: 13px 0 13px 35px; }
#content-feature { font-size: 95%; display:block; color: #fff;}
.column { width: 394px; margin-right: 13px; float:left;}
.feature { float:left; }

#content table { padding: 0; margin: 0; }
#content table.manuf { margin: 5px 13px; width: 90%;}

#content.white #gallery li { height: 120px; } /* to tidy up the configurations section - removing will upset the home feature gallery */

#gallery { list-style:none; margin: 0; padding: 13px; }
#gallery li { float:left; margin: 0 5px 4px 0; list-style-type:none; padding: 0;}

#lbNumber, #footNextLink, #footPrevLink { height: 0px; display:none; overflow:hidden; }
#lbCaption { clear: both; margin: 0; }

#right-img { float: right; padding: 0; }

#page-links ul { margin: 0; padding: 0; list-style-type: none; }

#TICKER { float: left; padding: 0 0px; height: 34px; line-height: 34px; color: white; text-decoration: none; text-transform: none; letter-spacing: 0.1em; overflow:hidden; width:860px; }

#footer { clear:both; padding: 22px 35px 5px 35px; background: url(../graphics/copyright.gif) repeat-x; color: #6e6e6e; font-size: 90%; margin: 0; }
#footer img { position: relative; top: 10px; margin-left: 10px; }
#footer ul { margin: 15px 0 0 0; padding: 0; list-style-type: none; float: left; }
#footer p { float: right; padding: 0 0 0 16px; color:#CCCCCC; }
#footer p img { top: 0px; }



.screen-hide { position: absolute; bottom: 0; left: 0; width: 1px; height: 1px; color: white !important; overflow: hidden; }
#contact-form { padding: 0; width: 485px; margin: 0; height: 365px; overflow: hidden; }
#contact-form p { padding: 4px 0; font-size: 110%; }

form { margin: 0; }

#contact-form h2 { font-weight:bold; margin: 0; padding: 5px 13px; }
#contact-form p {  margin: 0 13px 5px 13px; padding: 0px; }

label { width: 180px; clear: both; float: left; margin-right: 20px; }
.radio {  width: 20px;  }
.last { padding-bottom: 10px; }
input.text, textarea { width: 255px; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; font-size: 100%; background-color:#CCCCCC; border:1px solid #999;  }
textarea { height: 50px; }
.submit { float:right; }