/** GLOBAL RESET **/

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, tt, var, dl, dt, dd, fieldset, form, label, legend
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100.01%; font-family: inherit; vertical-align: baseline; }

:focus { outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */

table {	border-collapse: separate; border-spacing: 0; }

caption, th, td { font-weight: normal; vertical-align: top; text-align: left; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

a, a:visited, a:hover, a:active, a:focus {direction:ltr; outline:0;}



/** GLOBAL STYLES **/

body { font-family: arial, verdana, helvetica, sans-serif; font-size: 14px; line-height: 1.7em; color: #343434; text-align: center; background: #120517 url(../images/global/bkg.jpg) repeat-x top left; }

h1 { margin: 0; padding: 0 0 20px 0; color: #cd8e15; font-size: 24px; font-weight: normal; text-align: left; letter-spacing: 1px; font-family: helvetica, arial, verdana, sans-serif; }
h2 { margin: 0; padding: 15px 0 12px 0; color: #657297; font-size: 20px; font-weight: normal; text-align: left; font-family: helvetica, arial, verdana, sans-serif; }
h3 { margin: 0; padding: 10px 0 5px 0; color: #000; font-size: 14px; font-weight: bold; text-align: left; line-height: 1.5em; font-family: helvetica, arial, verdana, sans-serif; }
h4 { margin: 0; padding: 0; color: #595959; font-size: 12px; font-weight: bold; text-align: left; line-height: 1.5em; font-family: helvetica, arial, verdana, sans-serif; }

p { margin: 0 0 20px 0; text-align: justify; font-weight: normal; line-height: 1.7em; }

a { color: #409700; text-decoration: none; }
a:hover { color: #cd8e15; text-decoration: underline; }

sup { font-size: 8px; font-weight: normal; }
sub { height: 0; line-height: 1; vertical-align: baseline; vertical-align: bottom; position: relative; top: .5ex; }

.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; }


/** LAYOUT **/

.layout { width: 950px; margin: 0 auto; padding-right: 45px; text-align: left; }


/** HEADER **/

#header { width: 995px; margin: 0 auto; }
#header img { float: left; }


/** CONTENT **/

#content, #contentHome, #contentProducts { width: 890px; padding: 30px 30px 20px 30px; background-color: #fff; }
#content a, #contentHome a, #contentProducts a { text-decoration: underline; }

#content ul, #contentProducts ul { text-align: left; margin: 0; padding: 0 0 10px 18px; list-style-type: square; line-height: 1.5em; }
#content ol, #contentProducts ol { text-align: left; margin: 0; padding: 0 0 15px 22px; line-height: 1.5em; }
#content li, #contentProducts li { padding: 4px 0; }

#content #colleft, #contentProducts #colleft { float: left; width: 565px; }
#content #colright, #contentProducts #colright { float: right; width: 280px; text-align: left; }
#content #colright img, #contentProducts #colright img { margin: 0; padding: 0; }
#contentProducts #colright p { text-align: left; }

#contentHome #colleft { float: left; width: 280px; }
#contentHome #colright { float: right; width: 565px; }
#contentHome #colright h2 { margin: 0; padding: 5px 0 12px 0; color: #657297; font-size: 18px; font-weight: normal; text-align: left; font-family: helvetica, arial, verdana, sans-serif; }
#contentHome p { margin: 0 0 15px 0; text-align: justify; font-weight: normal; font-size: 14px; line-height: 2em; }

#contentProducts h2 { margin: 0 0 15px 0; padding: 30px 0 8px 0; color: #657297; font-size: 22px; font-weight: normal; text-align: left; font-family: helvetica, arial, verdana, sans-serif; background: transparent url(../images/global/dot.gif) repeat-x bottom left; }
#contentProducts h3 { padding: 25px 0 5px 0; }
#contentProducts img { margin: 5px 2px; vertical-align: middle; padding: 0; border: none; }
#contentProducts p { margin-bottom: 15px; }

#promos { width: 950px; padding-top: 5px; background-color: #fff; }

#alsodo { float: left; width: 170px; height: 101px; padding: 54px 0 0 20px; text-align: left; line-height: 1.3em; background: #fff url(../images/promos/we_also_do.jpg) no-repeat top left; }
#alsodo a { padding-left: 16px; padding-top: 1px; font-size: 12px; color: #2e612e; font-weight: bold; background: transparent url(../images/promos/bullet.gif) no-repeat center left; }
#alsodo a:hover { color: #cd8e15; text-decoration: none; }

#contact { width: 280px; height: 52px; margin: 0 0 20px 0; padding: 96px 0 0 20px; font-size: 13px; line-height: 1.5em; background: transparent url(../images/global/customer_service.gif) no-repeat top left; }

#homeLeft { float: left; width: 220px; }
#homeLeft ul { margin: 5px 0 0 0; padding: 0; list-style-type: none; text-align: left; }
#homeLeft li { margin: 0; padding: 2px 0 2px 24px; background: #fff url(../images/global/bullet.gif) no-repeat center left; }
#homeLeft a { color: #3a4a75; font-size: 16px; text-decoration: none; font-weight: bold; }
#homeLeft a:hover { color: #aa6307; text-decoration: none; }

#search { margin: 0; padding: 0; width: 280px; text-align: left; background: transparent url(../images/global/search_bkg.gif) repeat-y top left; }
#search p { margin: 0; padding: 10px 20px 0 20px; text-align: center; font-weight: bold; line-height: 1.5em; font-size: 12px; color: #132656; font-family: helvetica, arial, verdana, sans-serif;  }

.catalog { height: 28px; }
.catalog a { display: block; height: 28px; text-indent: -9999px; background: url(../images/global/online_catalog.gif) no-repeat; width: 120px; }
.catalog a:hover { background: url(../images/global/online_catalog.gif) no-repeat 0 -28px; }

.pagedivide { width: 100%; margin: 15px 0 10px 0; height: 1px; background: transparent url(../images/global/dot.gif) repeat-x bottom left; }

#slideshow { float: right; width: 335px; }


/** FOOTER **/

#footer { width: 950px; margin: 25px auto 0 auto; padding: 0 45px 20px 0; line-height: 1.4em; text-align: left; }

#footer p { clear: both; margin: 0; padding: 0; font-size: 10px; color: #8c8c8c; text-align: left; line-height: 1.4em; }

#footerNav { float: left; }
#footerNav ul { clear: both; list-style-type: none; margin: 0; padding: 0; text-align: left; }
#footerNav ul.subul { list-style-type: none; margin: 0; padding: 0; text-align: left; }
#footerNav li { display: inline; margin: 0; padding: 0; }
#footerNav a { display: block; float: left; padding: 0 20px 0 0; color: #fff; font-size: 12px; text-decoration: none; }
#footerNav ul.subul a { display: block; float: left; padding: 0 20px 0 0; color: #8c8c8c; font-size: 11px; text-decoration: none; }
#footerNav a:hover { color: #f9d05c; text-decoration: none; }
#footerNav ul.subul a:hover { color: #fff; text-decoration: none; }

#footer .small { font-size: 11px; color: #8c8c8c; text-decoration: none; }
#footer .small:hover { color: #fff; text-decoration: none; }


#twitter { float: right; padding-right: 20px; text-align: right; }

/** MISC **/

.image { padding: 4px !important; border: 1px solid #e1e0e0 !important; }


/** FORM STYLES **/

#forms, #forms2 { margin: 0; padding: 0; width: 280px; font-size: 11px; color: #595959; text-align: left; }
#forms #bkg, #forms2 #bkg { margin: 0; padding: 0; width: 280px; background: transparent url(../images/forms/bkg.gif) repeat-y top left;}
#forms table, #forms2 table { width: 280px; padding-bottom: 5px; font-size: 11px; color: #595959; }
#forms .divide, #forms2 .divide { width: 280px; height: 2px; background: transparent url(../images/forms/divide.gif) no-repeat top left; }
#forms td.title, #forms2 td.title { padding: 10px 15px 7px 70px; }

#forms .step1, #forms2 .step1 { background: transparent url(../images/forms/1.gif) no-repeat top left; }
#forms .step2, #forms2 .step2 { background: transparent url(../images/forms/2.gif) no-repeat top left; }
#forms .step3, #forms2 .step3 { background: transparent url(../images/forms/3.gif) no-repeat top left; }

#forms label, #forms2 label { display: block; float: left; margin: 0 8px 0 0; padding: 3px 0 0 10px; width: 93px; font-size: 11px; color: #595959; font-weight: normal; text-align: right; }
#forms label.small, #forms2 label.small { display: block; float: left; margin: 0 8px 0 0; padding: 3px 0 0 10px; width: 65px; font-size: 11px; color: #595959; font-weight: normal; text-align: right; }
#forms .in, #forms2 .in { margin-top: 0; width: 140px; border: 1px solid #adadad; padding: 3px; font-size: 11px; color: #595959; background-color: #fff; }
#forms textarea, #forms2 textarea { width: 142px; border: 1px solid #adadad; padding: 2px; background-color: #fff; font-size: 11px; color: #595959; }
#forms select, #forms2 select { font-size: 11px; color: #595959; }

#forms p, #forms2 p { margin: 0; padding: 0 0 8px 0; font-size: 11px; color: #595959; line-height: 1.4em; text-align: left; }
#forms p.instructions, #forms2 p.instructions { margin:0; padding: 0 15px 3px 15px; color: #36407d; font-size: 12px; text-align: justify; }
#forms .rush, #forms2 .rush { text-align: center; }
#forms .rush p, #forms2 .rush p { margin: 0; padding: 8px 15px 8px 15px; text-align: left; }
#forms p.fineprint, #forms2 p.fineprint { margin:0; padding: 12px 15px 2px 15px; color: #595959; font-size: 11px; text-align: left; }
#forms .button, #forms2 .button { margin: 0; padding: 0; width: 131px; height: 28px; border:none;}
#forms td.contact p, #forms2 td.contact p { margin: 0; padding: 0 0 8px 0; }
#forms .bottom, #forms2 .bottom { width: 280px; height: 2px; background: transparent url(../images/forms/bottom.gif) no-repeat top left; }

#forms2 .label2 { float: none; display: normal; width: 200px; margin: 0 0 -10px 0; padding: 3px 0 0 1px; font-size: 11px; color: #595959; font-weight: normal; text-align: left; }


/** MENU **/

.chromestyle { width: 950px; margin: 0 auto; padding-right: 45px; text-align: left; }

.chromestyle img { border-bottom: 1px solid #419b00; }

.chromestyle ul {padding: 0; margin: 0; list-style-type: none; text-align: left; }

.chromestyle ul li { display: inline; margin: 0; padding: 0;}


/* Style for Drop Down Menu */

.dropmenudiv {
position:absolute;
top: 0;
border-bottom-width: 0;
z-index:100;
background-color: #f1f1f1;
width: 223px;
visibility: hidden;
}

.dropmenudiv a {
width: auto;
display: block;
border-bottom: 1px solid #BBB;
padding: 3px 5px 3px 10px;
text-decoration: none;
text-align: left;
font-size: 11px;
font-weight: normal;
color: #000;
line-height: 1.2em;
}


* html .dropmenudiv a { /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ background-color: #fad258; color: #000; text-decoration: none; }
