/* Reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align:left;}
body { line-height: 20px; background: #fff; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left}

a img { border: none; }
input,textarea { margin: 0; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.clear { display: inline-block; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clear { height: 1%; }
.clear { display: block; }

/* WebType Font Integration */

html,body {height:100%;}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-size:13px; font-family: helvetica,arial, sans-serif; color: #333;}

body {background: #fff url(/images/site/sub-bg.png) repeat-x top center;}

body#home-page {background: #fff url(/images/site/home-bg.png) repeat-x top center;}

h1 {color: #333; font-family: Rockwell, Helvetica,Arial,sans-serif;font-style: normal; font-weight: normal; font-size: 35px; font-weight: normal; line-height: 35px;margin: 0 0 18px 0;padding: 0;} 
h2 {color: #333; font-family: Rockwell, Helvetica,Arial,sans-serif;font-style: normal; font-weight: normal; font-size: 24px; line-height: 26px; margin: 0 0 16px 0; padding: 0;}
h3  {color: #333; font-family: Rockwell, Helvetica,Arial,sans-serif;font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px;margin: 0 0 20px 0;padding: 0;}
h3 a {color:#333;}
h4 {color: #333; font-family: Rockwell, Helvetica,Arial,sans-serif;font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px;margin: 0 0 5px 0;padding: 0;}

a {color: #f38400;}

a:hover {color: #333;text-decoration: none;outline: none;}

p {font-size:13px; line-height: 21px; padding:0; margin:15px 0;} 

em {font-style: italic;}

.small {font-size:11px;font-weight:normal;}

.line {border-bottom: 1px solid #333;}

.hidden {display: none;}

.caption {border-bottom: 1px solid #3176a5; color: #666; font-size: 11px; line-height: 1.2em; margin: 0; padding: 2px 2px 5px 2px; position: relative; text-align: left;}

.floatleft {display:inline; float:left; margin: 0 20px 7px 0;} 

.floatright {display:inline; float:right; margin: 0 0 7px 20px;}

.floatcenter {margin: 0 auto;	padding: 0; text-align: center;}

.youtube-video {margin: 0 0 30px 0; padding: 0 0 10px 0;}

.video-info {display:inline; float:right; margin: 0 0 7px 20px; width: 260px;}

.youtube-video-featured {margin: 0 0 10px 0; padding: 0 0 10px 0;}

ul {margin: 0 0 0 20px;}


/* General Layout */


#wrap {position:relative; margin: 0 auto;padding: 0;width: 100% ;min-height:100%;}

#header {position: relative; margin: 0;padding: 0;height: 129px;width: 960px; z-index: 2000;}

#logo {position: absolute; top: 30px; left: 0; margin: 0;padding: 0;height: 60px; width: 180px;}

#content {margin: 0 auto;padding: 0 0 60px 0;text-align: left;width: 960px; }

#main-content {float: left; margin: 40px 0; padding: 0 30px 0 20px; text-align:left; width: 610px;}
#main-content-wide {float: left; margin: 20px 0;padding:0;text-align: left;width: 960px;}

#prod-copy {width: 340px; float:left; padding:0; margin:0 20px 0 0;}

#prod-wrap	{float:right; padding:0; margin:0; width: 250px;}

#prod-image {padding: 0; margin: 0 auto; text-align: center; width: 250px;}
#prod-image div {width: 250px;}
#prod-image div img { margin: auto; display: block }
img.prod-large {position: relative; display: block; padding: 0; margin: auto; text-align: center;}

#prod-gallery {margin: 0 auto; padding: 10px 0; text-align: center; width: 250px;}
#prod-gallery li { width: 60px; display: inline; margin: 10px 3px; list-style: none }
#prod-gallery a { }
#prod-gallery a.activeSlide { background: #88f }
#prod-gallery a:focus { outline: none; }
#prod-gallery img { border: none; padding: 3px; border: 1px solid #ddd; }

#footer-wrap {background: #7e7567; position:absolute;bottom:0;width:100%;height: 60px;}

#footer {margin: 0 auto;padding: 0;text-align: center;width: 960px;}

#footer-content {color: #fff; font-size: 14px; margin: 0; padding: 20px 0; width: 960px;}

/* Panel */

#panel {position: relative; width: 960px; height: 516px; margin: 0; padding:0;}
#panel-mix .second {display:none;}

/* Panel Buttons */

#panel a#baskets-button {position:absolute; top: 325px; left:460px; display:block; width:120px; height:100px;z-index:1000;}

#panel a#baskets-button span {display:none;}

#panel a#traffic-button {position:absolute; top: 385px; left:45px; display:block; width:131px; height:27px; background:url(/images/site/home-buttons.png); background-position:0px -56px;z-index:1000;}

#panel a#traffic-button:hover {background-position:0px -84px;}

#panel a#traffic-button span {display:none;}


#panel a#signs-button {position:absolute; top: 385px; right:50px; display:block; width:131px; height:27px; background:url(/images/site/home-buttons.png); background-position:0px 0px;z-index:1000;}

#panel a#signs-button:hover {background-position:0px -28px;}

#panel a#signs-button span {display:none;}

/* Masthead */

#masthead {position:relative; margin: 0; padding: 0; height: 245px; width: 960px;}

#masthead #header-image {position:absolute; right:0; top:0; margin:0; padding:0;z-index:25;}
#masthead #header-copy {position:absolute; left:20px; top:60px; width:375px; height:100px; padding:15px 0 0 30px; border-left:7px solid #f7941e; z-index:50;}

#masthead p {font-size:16px;}


/* Products Bar */

#productbar {width:960px; height:120px;padding:0;margin:30px 0 0 0; position:relative;}

#productbar span {display:none;}

#productbar-outer-a {position:relative; float: left; margin:0 30px 0 0; width:450px; height:120px;}

#productbar-outer-b {position:relative; float: left; margin:0 0 0 30px; width:450px; height:120px;}

#slide-a,#slide-b {position:absolute; z-index:100;}

#slide-a .last,#slide-b .last {display:none;}

#more-a {position:absolute; top:-35px; left:0; z-index:150; width:191px; height:35px; background-image:url(/images/site/more-traffic.png); cursor: pointer;}

#more-b {position:absolute; top:-35px; right:0; z-index:150; width:191px; height:35px; background-image:url(/images/site/more-retail.png); cursor: pointer;}

.productlist {width:450px; height: 120px;background:none !important;filter:none !important;}

.productlist ul {list-style:none; margin:0; padding:0;}
.productlist ul li {float:left; margin:0 12px;}

.productbar-strip {position:absolute; z-index:50; top:40px; background:#495058; width:450px; height: 40px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }


/* Utility Navigation */

#global {float: right; margin: 5px 0 0 0; padding:0; text-align: right; width: 700px; height:40px;}

#utility-nav {line-height:40px; float: left; margin: 0 0 0 15px; padding: 0; text-align: right;}

#utility-nav ul {margin: 0; padding: 0;}
#utility-nav ul li {margin:0 5px 0 0; padding:0 10px 0 0; display:inline; border-right:1px solid #fff;}
#utility-nav ul li.last {border:none;}
#utility-nav ul li a { color: #fff; font-size:13px; text-decoration: none;}
#utility-nav ul li a:hover { text-decoration: underline; }
#utility-nav ul li.here a {color: #fff; text-decoration: underline;}	

#search  {float: right; height:40px; margin: 0; padding:0;}

/* Main Navigation */

#navpos {position: absolute; top: 80px; left: 200px; margin: 0;padding: 0; width:760px;}

ul#main-nav {float:right; margin: 0; padding: 0; list-style: none;}

ul#main-nav li {float:left; padding: 0; margin:0 0 0 25px; position: relative;}

ul#main-nav li a {display:inline-block;color:#fff; font-size:16px; padding:0 10px; line-height:30px; font-weight: normal; text-decoration: none;}

ul#main-nav li.here a {font-weight:bold; text-decoration:underline;}


/* Sub Navigation */

#subnav { background:#ebebeb; margin: 0 0 20px 0; padding:20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

#subnav ul { padding: 0; margin: 0; list-style: none;}
#subnav ul li {list-style: none; margin: 0 0 7px 0; padding:0;}
#subnav a { display:block; color:#333; font-size:14px; font-weight: bold; text-decoration: none; padding: 5px 5px 5px 15px; background: #cdcdcd; border: #fff 2px solid; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height: 24px;}

#subnav ul li.here a, #subnav ul li.parent_here a {font-weight: bold; color:#fff; background: #f7941e;}

#subnav ul li.here ul li a, #subnav ul li.parent_here ul li a {color: #333; font-weight: normal; text-decoration: none; border:none; line-height: 14px; background:none;}

#subnav ul li.parent_here ul li.here ul li a {color: #333; margin-left:20px; font-weight: normal; text-decoration: none; border:none; line-height: 14px; background:none;}

#subnav ul li.parent_here ul li.here a {text-decoration:underline; font-weight:bold;}

#subnav ul li.parent_here ul li ul li.here a {margin-left:20px;}


/*-- Category Listing --*/

.catlisting {margin:0; padding:0; list-style:none;}

.catlisting li {position:relative; float:left; height:175px; width:175px; display:block; margin:30px 10px; text-align:center;}

.quickchange {position:absolute; top:0; left:0; z-index:1000;}

/*-- State Listing --*/

#stateform{background:#ebebeb;padding:20px;margin:20px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#stateform img {float: left;margin:0 20px 0 0;}
#stateform span {display:block;margin:5px 0;}
#stateform select {margin:5px 0;min-width:75px;}
#stateform input {margin:5px 0 0 5px;}
#stateform input.button {width: auto; padding:5px 7px; font-size:14px;background:#7e7567; color:#fff; cursor:pointer; border:none;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#stateform input.button:hover {background:#958a7a;}

.state-listing {border: 1px solid #f7941e; padding: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.state-listing dl { margin:15px 0;}
.state-listing dt { float:left; clear:left; width:80px; font-weight:bold;}
.state-listing dd { margin-left: 100px; }
.state-listing dd.header {font-weight:bold;}
h3.state-error {margin:40px 20px;}

/* -- Sidebar -- */

#sidebar { text-align:left; float: left; margin: 40px 0; padding: 0 0 0 40px; width: 240px;}

.testimonial {background:#ebebeb; margin: 20px 0 20px 0; padding:20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.testimonial span {font-style:normal; float:right; margin:15px 0;}

#storelocator {margin:20px 0;padding:0;}


/*-- Home Columns --*/

.home-columns {width:270px; height:175px; float:left; margin:25px 0px; padding:0 20px; border-right:1px solid #ddd;}
.home-columns.last {border-right:none;}

/*-- Footer Columns --*/

.footer-columns {float: left; width: 290px; margin-right: 45px;padding:0;}
.footer-columns.last {float:right; margin-right: 0;}

/*-- links in the footer --*/

#footer ul {list-style: none;}
#footer ul li {display:inline; margin:0 5px 0 0; padding:0 10px 0 0; border-right:1px solid #fff;}
#footer ul li a { color:#fff;text-decoration: none;}
#footer ul li a:hover { text-decoration: underline; }
#footer ul li.last {border:none;}

/* Search Results */

#search-results {margin:0; padding:0; list-style: none;}
#search-results li {margin: 10px 0; padding:10px 0; border-bottom: 1px solid #eee;}
#search-results li.resultRowTwo {background-color: #f0f0f0;}

/* News */

.newsdivider {margin:10px 0; padding:10px 0; border-bottom:1px solid #ddd;}

.news-home {margin-left:0; padding-left:30px; background:url(/images/site/pushpin.png) no-repeat top left;}

a.newstitle  {font-family: Helvetica,Arial,sans-serif; font-size: 14px; font-weight:bold; line-height: 18px;margin: 0 0 5px 0;padding: 0;}
.date {font-style: italic; font-size:13px; color:#999;}
.newsimage { float:left; margin:0 25px 0 0; }

/* Download Center */

.download-files {margin:30px 0;}
.download-files dt { float:left; clear:left; width:200px;margin-left:20px;}
.download-files dd { margin-left: 250px; }
.download-files dd.header {font-weight:bold;}
.download-files dd a {display:block; margin:10px 0;padding:0 0 0 20px; background: url(/images/site/docicon.png) no-repeat;}
h2.download-main {color:#fff; background:#333; padding:20px;margin:20px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
h3.download-header {background:#ebebeb; font-size:18px; padding:20px;margin:20px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}


/* Image Styles
-------------------------------------------------------------- */

.imgleft { float:left; margin:0 10px 10px 0; }



/*-- Product Colors --*/

#colors {margin:35px 0;padding:0;}
#colors ul {margin:0;padding:0;list-style:none;}
#colors ul li {display:block; float:left; margin:0 5px 0 0; width:35px;height:20px; border:1px solid #ddd;}

.white {background:white;}
.black {background:black;}
.gray {background:gray;}
.silver {background:silver;}
.yellow {background:yellow;}
.orange {background:orange;}
.red {background:red;}
.maroon {background:maroon;}
.green {background:green;}
.huntergreen {background:darkgreen;}
.blue {background:blue;}

/*-- Product Downloads --*/

#downloads {margin:25px 0;padding:0;}
#downloads p {margin:5px 0; padding:0 0 0 20px; background: url(/images/site/docicon.png) no-repeat;}



/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 18px; }


/* -- FORM ELEMENTS -- */


#search-box {font-size:13px; width: 150px;float: left; margin: 7px 10px 0 0; padding: 3px; background:#fff; border:none;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;outline: none; /*Remove Chrome and Safari glows on focus*/}

#search-btn {border:none; width: 20px; height: 20px; float: left; margin: 7px 0 0 -34px;background: url(/images/site/searchmag.png) no-repeat; text-indent: -9999px;cursor: pointer;}

/* hForm
-------------------------------------------------------------- */
#hform p { margin: 0 0 13px 0; }
#hform p label { float: left; width: 125px; font-size:14px;}

#hform p input { width: 350px; border-color:#B7B7B7; border-style:solid; border-width:1px; padding:10px; font-size:14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#hform p select { width: 200px; }
#hform p textarea { width: 350px; border-color:#B7B7B7; border-style:solid; border-width:1px; padding:5px; font-size:14px;}

#hform p input.button { width: auto; margin: 10px 0; padding:10px; font-size:14px;background:#7e7567; color:#fff; cursor:pointer; border:none;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#hform p input.button:hover {background:#958a7a;}

/* vForm
-------------------------------------------------------------- */
#vform p { margin: 0 0 13px 0; }
#vform p label { display: block; margin: 0 0 5px 0; font-size:14px; width:auto;}

#vform p input { width: 350px; border-color:#B7B7B7; border-style:solid; border-width:1px; padding:10px; font-size:14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#vform p textarea { width: 400px; border-color:#B7B7B7; border-style:solid; border-width:1px; padding:5px; font-size:14px;}
#vform p select { width: 200px; }

#vform p input.button { width: auto; margin: 10px 0; padding:10px; font-size:14px;background:#7e7567; color:#fff; cursor:pointer; border:none;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

#vform p input.button:hover {background:#958a7a;}



/* geofinder_form
-------------------------------------------------------------- */

#geofinder_form p { margin: 0 0 13px 0; }
#geofinder_form p label { display: block; margin: 0 0 5px 0; font-size:14px; width:auto;}

#geofinder_form p input { width: 350px; border-color:#B7B7B7; border-style:solid; border-width:1px; padding:10px; font-size:14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#geofinder_form p textarea { width: 400px; border-color:#B7B7B7; border-style:solid; border-width:1px; padding:5px; font-size:14px;}
#geofinder_form p select { width: 200px; }

.loc-button { text-decoration:none; width: auto; margin: 20px 0; padding:10px; font-size:14px;background:#7e7567; color:#fff; cursor:pointer; border:none;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.loc-button:hover { background:#958a7a; color:#fff;}

#geofinder_form p.checkbox label { display: inline; }

/* Tooltip
-------------------------------------------------------------- */

.tooltip {text-align:center; display:none; margin: 35px 0 0 0; background:transparent url(/images/site/black_arrow.png); height:35px; width:96px; padding:25px; color:#fff; font-size:13px; line-height:14px; z-index:1000;}