@charset "UTF-8";
/* CSS Document */

html,
body { height:100%; }
body { background:#010101; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; }
/*img { behavior:url(/scripts/iepngfix.htc); }*/

/**** typo ****/
p,
ul,
ol { color:#666; font-size:1.1em; line-height:1.4em; }
li { font-size:11px; line-height:1.4em; }
h1 { color:#333; font-size:36px; }
h2 { color:#333; font-size:14px; font-weight:bold; }
h3 { color:#9B9B9B; font-size:22px; }
h4 { color:#000000; font-size:14px; }
h5 { color:#000000; font-size:22px; }


p.larger { font-size:1.3em; line-height:1.5em; }
strong { font-weight:bold; line-height:1.4em; }
#detailinfo h1 { font-size:36px; }
#detailinfo h3 { color:#333; font-size:1.2em; font-weight:bold; }

/**** structure ****/
#main { position:relative; margin:30px auto 100px auto; width:760px; }
#header { background:url(../images/bg/header.jpg) top left no-repeat; height:147px; position:relative; }
#header .topmenu { color:#666; padding:12px; position:absolute; right:0; top:0; }
#header .topmenu a { border-left:#666 1px solid; color:#FFF; font-size:1.1em; font-weight:bold; padding:2px 8px; }
#header .topmenu a.first { border-left:none; }

#menu { height:40px; overflow:hidden; position:relative; }
#menu a { background-position:0px 5px; background-repeat:no-repeat; color:#999; display:block; float:left; font-size:11px; font-weight:bold; height:40px; line-height:50px; position:relative; text-align:center; text-decoration:none; }
/*#menu a:hover { background-position:0px 0px; }
#menu a.home { background-image:url(/images/menu/home.jpg); width:55px; }
#menu a.about { background-image:url(/images/menu/about.jpg); width:60px; }
#menu a.products { background-image:url(/images/menu/products.jpg); width:72px; }
#menu a.paintball { background-image:url(/images/menu/paintball.jpg); width:95px; }
#menu a.contact { background-image:url(/images/menu/contact.jpg); width:55px; }*/

#menu { background:url(../images/bg/menu.gif) top left no-repeat; height:40px; padding:0 0px; position:relative; }
#menu .tabs li { display:block; float:left; }
#menu .tabs li a { background-image:url(../images/bg/tabs.jpg); display:block; height:40px; margin:0 4px 0 0; }

#menu .tabs li.home a { background-position:0px 0px; width:55px; }
#menu .tabs li.home a:hover { background-position:0px -40px; }
#menu .tabs li.home a.active,
#menu .tabs li.home a.active:hover { background-position:0px -80px; }

#menu .tabs li.about a { width:60px; background-position:-200px 0px; }
#menu .tabs li.about a:hover { background-position:-200px -40px; }
#menu .tabs li.about a.active,
#menu .tabs li.about a.active:hover { background-position:-200px -80px; }

#menu .tabs li.products a { width:72px; background-position:-400px 0px; }
#menu .tabs li.products a:hover { background-position:-400px -40px; }
#menu .tabs li.products a.active,
#menu .tabs li.products a.active:hover { background-position:-400px -80px; }

#menu .tabs li.paintball101 a { width:95px; background-position:-600px 0px; }
#menu .tabs li.paintball101 a:hover { background-position:-600px -40px; }
#menu .tabs li.paintball101 a.active,
#menu .tabs li.paintball101 a.active:hover { background-position:-600px -80px; }

#menu .tabs li.contact a { width:55px; background-position:-800px 0px; }
#menu .tabs li.contact a:hover { background-position:-800px -40px; }
#menu .tabs li.contact a.active,
#menu .tabs li.contact a.active:hover { background-position:-800px -80px; }

#menu .tabs li a.active { color:#333; }

/*#menu .tabs li.help { display:block; float:right; }
#menu .tabs li.help a { background-position:-1000px 0px; margin:0; width:112px; }
#menu .tabs li.help a:hover { background-position:-1000px -40px; }
#menu .tabs li.help a.active { background-position:-1000px -80px; }*/


#cont { background:#FFF url(../images/bg/cont.jpg) top left no-repeat; padding:9px 0 20px 0; position:relative; }
#cont p { padding:0 0 12px; }
#cont h2 { padding:12px 0 4px; }
#cont a { color:#3399ff; text-decoration:none; }
#cont .insetwrap { background:url(../images/bg/inset_btm.jpg) bottom left no-repeat; display:block; margin:20px 20px 0 20px; position:relative; }
#cont .inset { background:url(../images/bg/inset_top.jpg) top left no-repeat; display:block; padding:30px 20px; position:relative; }
#cont .inset-8-16 { padding:8px 24px; }
#cont .inset-16-24 { padding:24px 32px; }
#cont .L,
#cont .R { display:inline; float:left; position:relative; width:300px; }
#cont .L { border-right:#8b8b8b 1px dotted; }
#cont .R { display:inline; float:left; position:relative; width:376px; }
#cont .wideleft .L { width:490px; }
#cont .wideleft .R { padding:0 0 0 20px; width:160px; }

#cont .product { clear:both; }
#cont .product h2 { padding:36px 0 0 0; }
#cont .product .img { float:left; margin:0 10px 0 0; }

#detailback { border-bottom:#bababa 1px dotted; margin:0 0 20px; padding:8px; position:relative; text-align:right; }
#detailback a { color:#333; font-size:1.1em; }
#detailimage,
#detailinfo { display:inline; float:left; position:relative; }
#detailimage { margin:0 40px 0 20px; width:250px; }
#detailimage p { font-size:1.2em; }
#detailinfo { width:325px; }
#detailinfo .features { border-bottom:#bababa 1px dotted; border-top:#bababa 1px dotted; margin:16px 0; padding:16px 4px; }
#detailinfo .features strong { font-size:1.4em; }
#detailinfo .colors { position:relative; }
#detailinfo .colors h2 { background:#494949 url(../images/bg/colors_h2.gif) top left repeat-x; color:#FFF; font-size:11px; font-weight:bold; height:25px; line-height:25px; padding:0 10px;  position:relative; text-transform:uppercase; }
#detailinfo .colors table { background:#FFF; position:relative; width:100%; }
#detailinfo .colors tr { border-top:#FFF 1px solid; position:relative; }
#detailinfo .colors td,
#detailinfo .colors th { border-right:#FFF 1px solid; height:11px; line-height:11px; padding:8px; position:relative; }
#detailinfo .colors th { background:#acacac; }
#detailinfo .colors .last { border-right:none; padding:8px 20px 8px 8px; position:relative; }
#detailinfo .colors .liner { position:relative; }
#detailinfo .colors .swatch { border:#FFF 1px solid; float:right; height:13px; margin:0 0 0 10px; position:absolute; right:-11px; top:-1px; width:32px; }

#dealers table { margin:20px 0 50px 0; width:100%; }
#dealers tr.header td { background:#494949 url(../images/bg/colors_h2.gif) top left repeat-x; border-right:#FFF 1px solid; color:#FFF; font-size:11px; font-weight:bold; height:25px; line-height:25px; padding:0 10px; position:relative; text-transform:uppercase; }
#dealers td { border-right:#FFF 1px solid; }
#dealers tr.listing td { color:#333; font-size:1.1em; line-height:1.4em; padding:12px 12px 36px 12px; }
#dealers a { line-height:1.4em; }


#carousel { background:url(../images/bg/carousel.jpg) top left no-repeat; border-bottom:#666 1px dotted; height:178px; margin:0 0 20px 0; padding:0 0 20px 0; position:relative; text-align:center; width:651px; }

#footer { background:#101010 url(../images/bg/footer.jpg) top left no-repeat; display:block; min-height:250px; padding:20px 0 0 0; position:relative; }
#footer a { color:#aaa; text-decoration:none; }
#footer a:hover { color:#ddd; text-decoration:underline; }
#footer ul li { display:block; float:left; width:150px; }
#footer .inset { background:url(../images/bg/footer_logo.jpg) top left no-repeat; margin:0 20px; padding:10px 0 20px 70px; }
#footer .inset h3 { color:#bcbcbc; padding-bottom:10px; }
#footer .L,
#footer .R { display:inline; float:left; position:relative; width:320px; }
#footer .L { }
#footer .R { border-left:#333 1px dotted; padding:0 0 0 20px; width:290px; }
#footer .R li { padding:0 5px 0 0; width:90px; }
#footer .R ul.w100 li { width:100px; }
#footer .copyright { border-top:#202020 1px solid; margin:10px 20px; padding:10px 0; }
#footer .copyright p { color:#333; font-size:1.1em; }