body { margin: 0; text-align: center; color: #666 }
body, input, select, textarea, table, tr, td, th { font: normal 12px/1.2 Arial, Helvetica, Sans-serif }
img { border: none }
form { margin: 0 }


#hdr, #mnu, #sch, #bdy, #ftr, #btm { width: 998px; margin: 0 auto; text-align: left; background: #FFF }

#hdr { text-align: right; color: #666; padding-bottom: 60px }
#hdr a, #ftr a { color: #666; text-decoration: none }
#hdr a:hover, #ftr a:hover { text-decoration: underline }
#hdr #logo { float: left; padding-left: 10px }

#mnu { text-align: left }
#mnu img { float: right; padding-top: 10px }

#mnu .inr { padding: 12px }
#mnu #itms { font-size: 160%; width: 550px }

#mnu a { color: #666; text-decoration: none }
#mnu a:hover { color: #92B733 }

#sch { color: #999; border-top: 1px solid #999; border-bottom: 1px solid #999 }
#sch .inr { padding: 3px 12px }
#sch form { float: right }
#sch img, #sch input, #unsub img, #unsub input { float: left }

#schbox, #newsletter, #unsubemail { border: 0; padding: 5px 0 2px 0; margin: 0; background: #FFF url(/images/search_bkg.gif) repeat-x top right ; width: 161px; color: #999 }
#unsubemail { width: 300px }

#bdy { padding: 7px 0 20px 0; background: #FFF }

#fp1 { padding-bottom: 20px }

.w1 { width: 194px; float: left; margin-right: 7px}
.grad { background: #FFF url(/images/box_grd.jpg) repeat-x top left; border-left: 1px solid #AAA; border-right: 1px solid #AAA; padding: 0 10px } 
.grad h1 { margin: 0; font-size: 150%; padding-bottom: 2px }

.w2 { width: 194px; float: right; margin-right: 7px}
.grad { background: #FFF url(/images/box_grd.jpg) repeat-x top left; border-left: 1px solid #AAA; border-right: 1px solid #AAA; padding: 0 10px } 
.grad h1 { margin: 0; font-size: 150%; padding-bottom: 2px }

#catbox, #nwsbox, #cltbox, #solbox, #nltbox { height: 180px }

#catbox h1 { border-bottom: 1px solid #717DBD; color: #717DBD }
#catbox .tmb { float: right; border: 1px solid #717DBD; padding: 2px; margin-top: 25px }

#nwsbox h1 { border-bottom: 1px solid #B10339; color: #B10339 }
#nwsbox img { float: right; margin-top: 72px }
#nwsbox .itm { width: 120px; margin: 15px 0 0 0; padding: 0 0 0 12px; font-size: 85%; background-image: url(/images/bullet.gif); background-repeat: no-repeat; background-position: 2px 2px}
#nwsbox .itm a { color: #666; text-decoration: none }
#nwsbox .itm a:hover { color: #B10339 }

#cltbox h1 { border-bottom: 1px solid #636366; color: #636366 }
#cltbox .tmb { float: right; border: 1px solid #636366; padding: 2px; margin-top: 25px }
#cltbox .cltlst img { filter:alpha(opacity=40); opacity: 0.4; -moz-opacity:0.4 }
#cltbox .cltlst img:hover { filter:alpha(opacity=100); opacity: 1.0; -moz-opacity:1.0 }

#solbox h1 { border-bottom: 1px solid #0072BC; color: #0072BC }
#solbox p { margin: 15px 0; font-size: 90%; }
#solbox .tmb { border: 1px solid #0072BC; padding: 2px; margin-top: 5px }
#solbox a { color: #666; text-decoration: none; font-weight: bold }
#solbox a:hover { color: #0072BC }

#nltbox h1 { border-bottom: 1px solid #88AC2D; color: #88AC2D }
#nltbox .tmb { float: right; margin-top: 70px }
#nltbox .itm { width: 124px; float: left }
#nltbox .itm p { margin: 15px 0; font-size: 90%; }
#nltbox form img, #nltbox form #newsletter { float: left }
#nltbox form #newsletter { width: 105px }

#ftr { background: #FFF url(/images/ftr_bkg.jpg) no-repeat top left; color: #636366 }
#ftr .w1 .inr { padding: 15px 25px }
#ftr .w1 h1 { font-size: 100%; font-weight: bold; margin: 0 0 5px 0 }
#ftr .w1 .itm { margin: 0; padding: 0 0 0 15px; background-image: url(/images/bullet.gif); background-repeat: no-repeat; background-position: 2px 3px; font-size: 90% }
#ftr .w1 .itm a { color: #666; text-decoration: none }
#ftr .w1 .itm a:hover { color: #B10339 }
#ftr .w1 .itm2 { font-size: 90% }

#btm .inr { padding: 5px 12px }
#btm .inr div { font-size: 90%; padding-top: 5px }
#btm .inr a { color: #666; text-decoration: none }
#btm .inr a:hover { color: #92B733 }

.catlst { color: #666; text-decoration: none; font-size: 85% }
.catlst:hover { color: #717DBD }

.hdr_gry { background: #FFF url(/images/box_top.jpg) no-repeat top left; height: 9px; padding-left: 8px; font-size: 1px }
.hdr_gry span { display: block; float: right; width: 9px; height: 9px; background: #FFF url(/images/box_top_rgt.jpg) no-repeat top right }

.ftr_wht { background: #FFF url(/images/box_btm.jpg) no-repeat bottom left; height: 7px; line-height: 7px; font-size: 1px }
.ftr_wht span { display: block; float: right; width: 8px; background: #FFF url(/images/box_btm_rgt.jpg) no-repeat top right }

.clr { clear: both }
.clrl { clear: left }

#page { padding: 0 200px 0 300px; height: 420px }
#page h1 { font-size: 220%; margin: 20px 0; color: #0072BC }
#page2 { padding: 0 200px 0 300px; height: 500px }
#page2 h1 { font-size: 220%; margin: 20px 0; color: #0072BC }
#pagefull { padding: 0 10px 0 10px; height: 585px }
#pagefull h1 { font-size: 200%; margin: 20px 0; color: #0072BC }
#pagegall { padding: 0 50px 0 10px; height: 900px }
#pagegall h1 { font-size: 200%; margin: 20px 0; color: #0072BC }
#pagegalllong { padding: 0 50px 0 10px; height: 1000px }
#pagegalllong h1 { font-size: 200%; margin: 20px 0; color: #0072BC }
#gallleft {width:400px; margin-left:10px}
#gallright {width:500px; float:right; margin-right:10px; position: right; left: 10px; top: 10px;}



#wildcat_range { padding-top: 20px }
#wildcat_range #rgt { width: 795px; text-align: left; float: left }
#wildcat_range #rgt span { display: block; text-align: center; width: 120px; height: 250px; float: left; margin: 0 16px; font-size: 100%; font-weight: bold; color: #600053 }
#wildcat_range #rgt .clr { width: 770px; background #FFF; margin: 0 0 20px 17px; height: 1px; overflow: hidden; border-top: 1px solid #DDD }
#wildcat_range #rgt img { margin-bottom: 6px }
#wildcat_range #rgt .img { float: left; margin: 0 20px }
#wildcat_range #rgt .prd { margin-left: 120px }
#wildcat_range #rgt .img img { height: 100px }
#wildcat_range #rgt a { display: block; color: #600053; text-decoration: none; background: none }
#wildcat_range #rgt a:hover { background: #FFF url(/images/bkg_wildcat_range.gif) repeat-x 100px left }

.hdr_cat { background: #FFF url(/images/hdr_cat.gif) no-repeat top left; height: 12px; font-size: 1px }
.hdr_cat span { display: block; float: right; width: 12px; height: 12px; background: #FFF url(/images/hdr_cat_rgt.gif) no-repeat top right }
.ftr_cat { background: #FFF url(/images/ftr_cat.gif) no-repeat top left; height: 12px; font-size: 1px }
.ftr_cat span { display: block; float: right; width: 12px; height: 12px; background: #FFF url(/images/ftr_cat_rgt.gif) no-repeat top right }
.subm { font-size: 90%; padding: 0 0 10px 20px}

.hdr_advsrc { background: #FFF url(/images/hdr_advsrc.gif) no-repeat top left; height: 12px; font-size: 1px }
.hdr_advsrc span { display: block; float: right; width: 12px; height: 12px; background: #FFF url(/images/hdr_advsrc_rgt.gif) no-repeat top right }
.ftr_advsrc { background: #FFF url(/images/ftr_advsrc.gif) no-repeat top left; height: 12px; font-size: 1px }
.ftr_advsrc span { display: block; float: right; width: 12px; height: 12px; background: #FFF url(/images/ftr_advsrc_rgt.gif) no-repeat top right }
#advsrc { background: #66676A url(/images/advsrc_grd.jpg) repeat-x top right; padding: 0 12px; color: #FFF; height: 1% }
#advsrc label { display: block; margin-bottom: 5px }
#advsrc select { margin-bottom: 10px }

.advsrch { margin: 5px 0 0 0 }
.advsrch img { float: left; margin: 0}
.advsrch #kw, .advsrch #col { float: left; width: 114px; border: 0; padding: 5px 0 3px 0; height: 14px }
.advsrch .btn { height: 22px; float: right }

#prodtop { text-align: right; padding: 0 0 10px 0; margin: 0 0 10px 17px; border-bottom: 1px solid #999  }
#prodtop img { float: left }
#prodlft { width: 229px; float: left }
#prodlft .inr { margin: 0 10px 0 17px }
#prodimg { border: 1px solid #CCC; padding: 3px }
#prodtmb { border: 1px solid #CCC; padding: 2px }
#prodrgt { width: 565px; float: left; text-align: left }
#prodrgt h1 { font-size: 220%; margin: 0 }
#prodrgt h2 { font-size: 160%; margin: 0 }
#prodrgt h3 { font-size: 100%; margin: 5px 0 }
#prodrgt hr { height: 1px; background: #999; color: #999; border: none }
#prodrgt .opt { width: 113px; height: 120px; float: left; text-align: center }
#prodrgt .rel { width: 113px; height: 190px; float: left; text-align: center }

.newsarc, h4 { color: #8CAD31; text-decoration: none }
.squash { margin: 0.4em 0 }
.squash label {display: block; float:left; width: 9em }

/* Slider Specific */

#menu { width: 998px; margin: auto; position: relative; height: 273px; overflow: hidden }
#overlay { width: 998px; position: absolute; height: 273px; background: #FFF; filter:alpha(opacity=0); opacity: 0; -moz-opacity:0;  z-index: 8 }

#div0 { z-index: 1; left: 0px }
#div1 { z-index: 2; left: 659px }
#div2 { z-index: 3; left: 716px }
#div3 { z-index: 4; left: 773px }
#div4 { z-index: 5; left: 830px }
#div5 { z-index: 6; left: 887px }
#div6 { z-index: 7; left: 944px }

.tab, .cnt { float: left }
.cnt { margin-left: 1px }

.slider { position: absolute; top: 0; width: 750px; height: 273px; background: #FFF }


#cat { background: #630054 url(/images/cat_grd.jpg) repeat-x top right; padding: 0 12px; min-height: 360px }
#cat a { color: #FFF; text-decoration: none; font-size: 125%; line-height: 1.4em }
#cat a:hover { color: #999 }

.l1 { font-weight: bold }
.l2 { margin-left: 15px }
.l3 { margin-left: 30px; font-size: 85% }
.l4 { margin-left: 45px; font-size: 75% }
.sub { display: none }




#wrapper {
    width: 800px;
    margin: 25px auto;
}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 800px;
    margin: 0 auto;
    position: relative;
	border: 10px solid #ccc;
}

.scroll {
	overflow: hidden;
	width: 800px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
	height: 500px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/rightshadow.png) repeat-y;
}

.inside {
	padding: 10px;
	border: 1px solid #999;
}

.inside img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 250px;
}

.inside h2 {
	font-weight: normal;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 11px;

}

a {

	text-decoration: none;
	border-bottom: 0px dotted #ccc;
}

a:hover {
	border-bottom: 1px solid #999;
}

.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}