﻿body { background: #333 url(img/bg_vsg.jpg) center top; }
body.sixsixone { background: #DDD url(img/bg_sixsixone.jpg) center top; }
body.sunline { background: #FFF url(img/bg_sunline.jpg) center top; background-repeat:no-repeat; }
body.tag { background: #000 url(img/bg_tag.jpg); background-position:center top; background-repeat:no-repeat; }
body.filtron { background: #111 url(img/bg_filtron.gif); }
body.royal { background-image: url(img/bg_royal_green.gif); background-color: #CCC; }
.sixsixone-box.outer { border: solid 4px #005CCE; background-color: #FFF; padding: 4px; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; }
.sixsixone-box .inner { background-color: #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.sunline-box.outer { border: solid 4px #000000; background-color: #FFF; padding: 4px; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; }
.sunline-box .inner { background-color: #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.tag-box.outer { border: solid 4px #F60000; background-color: #FFF; padding: 4px; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; }
.tag-box .inner { background-color: #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.filtron-box { border: solid 8px #FECC24; background-color: #000; padding: 4px; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; }

.royal-box.outer { border: solid 4px #F60000; background-color: #FFF; padding: 4px; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; }
.royal-box .inner { background-color: #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.rounded-solid { padding: 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }

.vsg-box.outer { border: solid 4px #F60000; background-color: #FFF; padding: 2px; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; }
.vsg-box .inner { background-color: #000; padding: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }


#CatalogWindow { background-color: #FFFFFF; padding: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.rounded-box, .rounded-box2, .rounded-solid, .rounded-btn, .sixsixone-box, .sunline-box, .tag-box, .royal-box, .filtron-box, .vsg-box { }
.tag-box { background-color: #000; }
.royal-box { background-color: #000; }
.sixsixone-box { background-color: #000; }
.vsg-box { background-color: #000; }
#globalheader { background: url(img/ghdr_sprite.png) repeat-x scroll left -80px; width: 100%; height: 40px; position: fixed; left: 0; top: 0; z-index: 100; }
.g-header { text-align: left; }
.g-header img { background: url(img/ghdr_sprite.png) no-repeat scroll left -40px; }
.g-header .ghdr-sixsixone { background-position: -10px -40px; }
.g-header .ghdr-sunline { background-position: -154px -40px; }
.g-header .ghdr-tag { background-position: -291px -40px; }
.g-header .ghdr-filtron { background-position: -401px -40px; }
.g-header .ghdr-royal { background-position: -549px -40px; }

.g-header a:hover .ghdr-sixsixone { background-position: -10px top; }
.g-header a:hover .ghdr-sunline { background-position: -154px top; }
.g-header a:hover .ghdr-tag { background-position: -291px top; }
.g-header a:hover .ghdr-filtron { background-position: -401px top; }
.g-header a:hover .ghdr-royal { background-position: -549px top; }

body.sixsixone .g-header .ghdr-sixsixone { background-position: -10px top; }
body.sunline .g-header .ghdr-sunline { background-position: -154px top; }
body.tag .g-header .ghdr-tag { background-position: -291px top; }
body.filtron .g-header .ghdr-filtron { background-position: -401px top; }
body.royal .g-header .ghdr-royal { background-position: -549px top; }

#brandheader { padding: 0 0 5px; }

#maincontent { }
#catalog_tree { margin-left: 1em; }
#catalog_tree ul { margin: 0; }
#catalog_tree li li { margin-left: 15px; margin-right: 5px; }
#catalog_tree a.cat1 { display: block; color: #000; font-size: 12px; text-transform: uppercase; text-decoration: none; font-weight: bold; background-color: #CFA500; border: solid 1px #6F5900; padding: 2px; }
#catalog_tree a.cat { display: block; color: #FFF; font-size: 12px; text-transform: uppercase; text-decoration: none; font-weight: bold; }
#catalog_tree a.cat span { display: block; padding: 2px; margin: 3px; }
#catalog_tree a.subcat { display: block; color: #005CC3; font-size: 12px; text-transform: uppercase; text-decoration: none; font-weight: bold; border-bottom: solid 1px #005CC3; padding: 2px; }
#catalog_tree a.prod { display: block; color: #FFF; font-size: 11px; text-transform: uppercase; text-decoration: none; border-bottom: dashed 1px #444; padding: 1px; margin-bottom: 1px; }
#catalog_tree li.selected a.cat1 { background-color: #FFD21F; }
#catalog_tree li a.cat { opacity: 1; filter: alpha(opacity=100); font-size: 14px; }
#catalog_tree li.selected a.cat, #catalog_tree li a:hover.cat { opacity: 1; filter: alpha(opacity=100); }
#catalog_tree li li a.subcat.selected, #catalog_tree li li a.prod.selected { background-color: #666; }
#catalog_tree li li a.prod:hover { background-color: #333; }




.g-footer li { float: left; margin-right: 20px; }
.g-footer li a { text-decoration: none; text-transform: uppercase; font-family: Verdana; font-size: 10px; color: #FFF; font-weight: bold; }
body.sixsixone .g-footer li a { color: #FFF; }
body.sunline .g-footer li a { color: #000; }
body.tag .g-footer li a { color: #FFF; }
h1.catwintitle { color: #444; border-bottom: solid 1px #000; line-height: 30px; margin: 0; margin: 10px 0px 5px; }
.prod_thumb_item { width: 178px; height: 178px; border: solid 0px #FFF; float: left; margin-bottom: 10px; }
.prod_thumb_item a { font-size: 10px; font-weight: bold; color: #666; text-decoration: none; }
td.sku { padding: 3px; }
tr.sku_alt { background: #F9F9FC; }
td.sku_name, td.sku_price, td.sku_num { font-size: 10px; font-family: Verdana; }
#short_desc, #long_desc { font-weight: bold; font-size: 14px; color: #999; }
ul.featurelist li { font-size: 10px; font-family: Verdana; list-style-type: square; }
#product_skus table td { padding: 2px; padding-left: 5px; }
.additional-links li { color: #FFF; margin-left: 15px; list-style-type: square; }
.additional-links li a { color: #FFF; text-decoration: none; font-weight: bold; display: block; padding: 6px 0; }
.additional-links li a:hover { background-color: #444; }

#cart_table { font-family: Arial; font-size: 11px; margin: 0 auto; border-left: solid 1px #666; border-top: solid 1px #666; }
#cart_table td { border-right: solid 1px #666; border-bottom: solid 1px #666; color: #000; padding: 2px; }
#cart_table td.cartHeader { background-color: #666666; color: #FFFFFF; font-weight: bold; text-align: center; }
#cart_table td.cartFooter { background-color: #666666; color: #FFFFFF; font-weight: bold; font-size: 11px; height: 18px; }

.sunline-box { background-color: #000; }

.category-item.btn { margin: 0 0px 2px; height: 25px; position: relative; }
#catalog_tree .category-item.btn span { margin: 0 8px; padding: 0; line-height: 25px; height: 25px; }
#catalog_tree .category-item.btn .l { top: 0px; left: 0px; }
#catalog_tree .category-item.btn .r { top: 0px; right: 0px; }

#catalog_tree .category-item.btn .l, #catalog_tree .category-item.btn .r { display: block; position: absolute; width: 8px; height: 25px; z-index: 1000; margin: 0; }

#catalog_tree .category-item.btn.FILTRON span { background: url('img/btn.png') repeat-x left -100px; }
#catalog_tree .category-item.btn.FILTRON .l { background: url('img/btn.png') repeat-x -75px top; }
#catalog_tree .category-item.btn.FILTRON .r { background: url('img/btn.png') repeat-x -92px top; }

#catalog_tree .category-item.btn.ROYAL span { background: url('img/btn.png') repeat-x left -75px; }
#catalog_tree .category-item.btn.ROYAL .l { background: url('img/btn.png') repeat-x -50px top; }
#catalog_tree .category-item.btn.ROYAL .r { background: url('img/btn.png') repeat-x -67px top; }

#catalog_tree .category-item.btn.SUNLINE span, #catalog_tree .category-item.btn.SUNCYCLE span { background: url('img/btn.png') repeat-x left -25px; }
#catalog_tree .category-item.btn.SUNLINE .l, #catalog_tree .category-item.btn.SUNCYCLE .l { background: url('img/btn.png') repeat-x left top; }
#catalog_tree .category-item.btn.SUNLINE .r, #catalog_tree .category-item.btn.SUNCYCLE .r { background: url('img/btn.png') repeat-x -17px top; }

#catalog_tree .category-item.btn.TAG span { background: url('img/btn.png') repeat-x left -50px; }
#catalog_tree .category-item.btn.TAG .l { background: url('img/btn.png') repeat-x -25px top; }
#catalog_tree .category-item.btn.TAG .r { background: url('img/btn.png') repeat-x -42px top; }

#catalog_tree .category-item.btn.BIKE span, #catalog_tree .category-item.btn.MOTO span, #catalog_tree .category-item.btn.SNO span { background: url('img/btn.png') repeat-x left -125px; }
#catalog_tree .category-item.btn.BIKE .l, #catalog_tree .category-item.btn.MOTO .l, #catalog_tree .category-item.btn.SNO .l { background: url('img/btn.png') repeat-x -100px top; }
#catalog_tree .category-item.btn.BIKE .r, #catalog_tree .category-item.btn.MOTO .r, #catalog_tree .category-item.btn.SNO .r { background: url('img/btn.png') repeat-x -117px top; }

