/* Vert - CSS - By Chris Harvey - www.flitemedia.com */

html {margin: 0px; padding: 0px; background: url(/images/template/gradient-bg.jpg) repeat-x top #080402;}
body {margin: 0px; padding: 0px;}

#header {width: 100%; height: 118px; margin: 0px auto; padding: 0px; background-color: #000;}
#header-container {width: 980px; height: 118px; margin: 0px auto; padding: 0px; background-color: #000; background: url(/images/template/jdbugs-vert-logo.jpg) center no-repeat;}
#header-left {float: left; width: 490px; height: 118px; margin: 0px; padding: 0px;}
#header-right {float: right; display: inline; width: 490px; height: 118px; margin: 0px; padding: 0px; text-align: right;}

#menu-bar {width: 100%; height: 21px; margin: 0px 0px 2px 0px; padding: 0px; background-color: #333; border-top: 1px solid #ccff33; border-bottom: 1px solid #000;}
#menu-bar-container {width: 980px; margin: 0px auto; padding: 0px;}
#menu-bar-left {float: left; width: 400px; padding: 3px 0px 0px 0px; overflow: hidden;}
#menu-bar-left h1 {font-size: 13px; color: #fff; padding: 0px; margin: 0px 0px 0px 4px; font-weight: normal; font-family: Geneva, Arial, Helvetica, sans-serif;}
#menu-bar-right {float: right; width: 400px; padding: 3px 0px 0px 0px; text-align: right;}
#menu-bar-right a:link {font-size: 13px; color: #fff; padding: 0px; margin: 0px; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none;}
#menu-bar-right a:visited {font-size: 13px; color: #fff; padding: 0px; margin: 0px; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none;}
#menu-bar-right a:hover {font-size: 13px; color: #FF6600; padding: 0px; margin: 0px; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: underline;}

#container {width: 980px; margin: 0px auto;}
.group {background-color: #000; border-left: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666; margin: 0px 0px 10px 0px; padding: 0px 0px 4px 0px;}
form {margin: 0px; padding: 0px;}
.quicklaunch {font-size: 10px; width: 138px; margin: 0px; padding: 0px;}

#left-column {width: 140px; float: left; margin: 0px; padding: 10px 0px;}
#left-column h3 {font-size: 13px; color: #fff; font-style: italic; background-color: #333; padding: 0px 0px 0px 4px; margin: 0px 0px 4px 0px; border-top: 1px solid #ccff33; border-bottom: 1px solid #ccff33; font-family: Geneva, Arial, Helvetica, sans-serif;}
#left-column ul.main-menu {margin: 0px; padding: 0px; list-style-type: none; background-color: #000;}
#left-column ul.main-menu li {margin: 0px; padding: 0px; font-family: Geneva, Arial, Helvetica, sans-serif;}
#left-column ul.main-menu li a:link {margin: 0px; padding: 0px 0px 0px 4px; font-size: 13px; color: #fff; background-color: #000; display: block; text-decoration: none; font-family: Geneva, Arial, Helvetica, sans-serif;}
#left-column ul.main-menu li a:visited {margin: 0px; padding: 0px 0px 0px 4px; font-size: 13px; color: #fff; background-color: #000; display: block; text-decoration: none; font-family: Geneva, Arial, Helvetica, sans-serif;}
#left-column ul.main-menu li a:hover {margin: 0px; padding: 0px 0px 0px 4px; font-size: 13px; color: #ccff33; background-color: #333; display: block; text-decoration: none; font-family: Geneva, Arial, Helvetica, sans-serif;}
#left-column p {margin: 0px; padding: 0px 0px 0px 4px; font-size: 12px; color: #fff; font-family: Geneva, Arial, Helvetica, sans-serif;}

#left-column p.cart {margin: 0px 0px 10px 0px; padding: 0px; font-size: 12px; border-top: 1px solid #ccff33; border-bottom: 1px solid #ccff33; border-left: 1px solid #666; border-right: 1px solid #666;}
#left-column p.cart a {text-decoration: none; color:#fff; background: url(/images/shopping-cart-icon.jpg) no-repeat #333; background-position: 0px 0px; padding: 2px 2px 2px 24px; display: block;}
#left-column p.cart a:visited {text-decoration: none; color:#fff;}
#left-column p.cart a:hover {text-decoration: none; color:#ccff33;}

#left-column a:link img {border: none; margin: 0px; padding: 0px;}
#left-column a:visited img {border: none; margin: 0px; padding: 0px;}
#left-column a:hover img {border: none; margin: 0px; padding: 0px;}

#right-column {width: 140px; float: right; margin: 0px; padding: 10px 0px;}
#right-column h3 {font-size: 13px; color: #fff; font-style: italic; background-color: #333; border-top: 1px solid #ccff33; border-bottom: 1px solid #ccff33; font-family: Geneva, Arial, Helvetica, sans-serif; padding: 0px 0px 0px 4px; margin: 0px 0px 4px 0px;}
#right-column ul.product-menu {margin: 0px; padding: 0px; list-style-type: none; font-size: 12px; color: #fff; background-color: #000;}
#right-column ul.product-menu ul {margin: 0px; padding: 0px; font-family: Geneva, Arial, Helvetica, sans-serif; list-style-type: none;}
#right-column ul.product-menu li {margin: 0px; padding: 0px; font-family: Geneva, Arial, Helvetica, sans-serif;}
#right-column ul.product-menu li a:link {background-color: #000; margin: 0px; padding: 1px 1px 1px 2px; font-size: 12px; color:#fff; text-decoration: none; display: block;}
#right-column ul.product-menu li a:visited {background-color: #000; margin: 0px; padding: 1px 1px 1px 2px; font-size: 12px; color:#fff; text-decoration: none; display: block;}
#right-column ul.product-menu li a:hover {background-color: #333; margin: 0px; padding: 1px 1px 1px 2px; font-size: 12px; color:#ccff33; text-decoration: none; display: block;}
#right-column ul.nested li a:link {background-color: #333; margin: 0px; padding: 1px 1px 1px 8px; font-size: 12px; color:#fff; text-decoration: none; display: block;}
#right-column ul.nested li a:visited {background-color: #333; margin: 0px; padding: 1px 1px 1px 8px; font-size: 12px; color:#fff; text-decoration: none; display: block;}
#right-column ul.nested li a:hover {background-color: #555; margin: 0px; padding: 1px 1px 1px 8px; font-size: 12px; color:#ccff33; text-decoration: none; display: block;}

#right-column a:link img {border: none; margin: 0px; padding: 0px;}
#right-column a:visited img {border: none; margin: 0px; padding: 0px;}
#right-column a:hover img {border: none; margin: 0px; padding: 0px;}

.custom-top {margin: 0px; padding: 57px 140px 0px 0px; background: url(/images/banners/custom-top.jpg); overflow: hidden; height: 0px; width: 0px;}
#custom {margin: 0px; padding: 0px; list-style-type: none;}
li.custom-grip, li.custom-handles, li.custom-wheels {list-style-type: none; margin: 0px; padding: 0px;}
li.custom-grip a {margin: 0px; padding: 24px 140px 0px 0px; background: url(/images/banners/custom-grip.jpg); overflow: hidden; height: 0px; width: 0px; display: block;}
li.custom-grips a {margin: 0px; padding: 27px 140px 0px 0px; background: url(/images/banners/custom-grips.jpg); overflow: hidden; height: 0px; width: 0px; display: block;}
li.custom-wheels a {margin: 0px; padding: 28px 140px 0px 0px; background: url(/images/banners/custom-wheels.jpg); overflow: hidden; height: 0px; width: 0px; display: block;}
.custom-bottom {margin: 0px; padding: 57px 140px 0px 0px; background: url(/images/banners/custom-bottom.jpg); overflow: hidden; height: 0px; width: 0px;}


#content {width: 680px; float: left; margin-left: 8px; padding: 10px 0px 0px 0px;}

.product {width: 680px; background-color: #333; border: 1px solid #666; background-image: url(/images/gradient2.jpg); background-repeat: repeat-x; background-position: bottom; margin: 0px 0px 10px 0px; padding: 0px; min-height: 120px;}
.product-left {width: 130px; float: left; margin: 0px; padding: 0px; clear: right;}
.product-left img {border: 1px solid #FF6600; margin: 10px 0px 0px 10px; padding: 0px;}
.product-right {width: 530px; margin: 0px 20px 0px auto; padding: 0px;}
.product-right h2 {font-size: 16px; line-height: 16px; color: #fff; font-weight: bold; padding: 10px 0px 4px 0px; margin: 0px 0px 10px 0px; border-bottom: #ccff33 solid 1px; font-family: Geneva, Arial, Helvetica, sans-serif;}
.product-right p {font-size: 13px; color: #fff; margin: 0px 0px 10px 0px; padding: 0px; font-family: Geneva, Arial, Helvetica, sans-serif;}
.product-right a:link {text-decoration: none; color: #FF6600;}
.product-right a:visited {text-decoration: none; color: #FF6600;}
.product-right a:hover {text-decoration: none; color: #fff;}
.pricered {font-size: 16px; font-weight: bold; color: #ff0000; margin: 0px; padding: 0px; font-family: Geneva, Arial, Helvetica, sans-serif;}
input.buy {margin: 0px; padding: 0px; border: 1px solid #FF6600;}

.subnav {margin: 0px 0px 8px 0px; padding: 0px; text-align: center;}
.subnav a:link {font-size: 12px; color: #ccff33; font-family: Geneva, Arial, Helvetica, sans-serif;}
.subnav a:visited {font-size: 12px; color: #ccff33; font-family: Geneva, Arial, Helvetica, sans-serif;}
.subnav a:hover {font-size: 12px; color: #fff; font-family: Geneva, Arial, Helvetica, sans-serif;}
.subnav select {font-size: 10px; margin: 0px; padding: 0px;}

.box {width: 660px; background-color: #333; margin: 0px 0px 10px 0px; padding: 0px 10px 30px 10px; border: 1px solid #666; background-image: url(/images/gradient2.jpg); background-repeat: repeat-x; background-position: bottom; min-height: 250px;}
.box h1 {font-size: 22px; line-height: 20px; color: #fff; font-weight: bold; padding: 10px 0px 4px 0px; margin: 4px 0px 10px 0px; border-bottom: #ccff33 solid 1px; font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;}
.box h2 {font-size: 16px; line-height: 16px; color: #fff; font-weight: bold; padding: 10px 0px 4px 0px; margin: 0px 0px 10px 0px; border-bottom: #ccff33 solid 1px; font-family: Geneva, Arial, Helvetica, sans-serif;}
.box h3 {font-size: 14px; line-height: 14px; color: #fff; font-weight: bold; padding: 2px 2px 2px 4px; margin: 10px 0px 0px 0px; background-color: #000; font-family: Geneva, Arial, Helvetica, sans-serif; clear: both;}
.box p {font-size: 13px; color: #fff; font-family: Geneva, Arial, Helvetica, sans-serif; text-align: justify;}
.box li {font-size: 13px; color: #fff; font-family: Geneva, Arial, Helvetica, sans-serif;}
.box img {margin: 0px; padding: 0px; border: #fff solid 1px;}
.box a:link {text-decoration: none; color: #FF6600;}
.box a:visited {text-decoration: none; color: #FF6600;}
.box a:hover {text-decoration: none; color: #fff;}
.box a:link img {margin: 0px; padding: 0px; border: #fff solid 1px;}
.box a:visited img {margin: 0px; padding: 0px; border: #fff solid 1px;}
.box a:hover img {margin: 0px; padding: 0px; border: #ccff33 solid 1px;}

.red {color: #ff0000;}
.justify {text-align: justify;}
/* -- Styles for Home page content: -- 
.big {font-size: 14px; color: #fff;}
.small {font-size: 10px; color: #fff;}
.bigred {font-size: 14px; font-weight: bold; color: #FF0000;}
.smallred {font-size: 10px; color: #FF0000;} */
p.floatleft {float: left; margin: 10px 10px 10px 0px;}
p.left {margin-right: auto; margin: 10px 0px 10px 0px;}
p.floatright {float: right; margin: 10px 1px 10px 10px; text-align: right;}
p.right {margin-left: auto; margin: 10px 10px 0px 0px;}

#contact {background-color:#000; padding: 10px 20px 20px 20px;}
#contact p {padding: 0px; margin: 0px 0px 10px 0px;}

#footer {height: 28px; margin: 0px; padding: 0px; border-top: 1px solid #ccff33; color: #fff; clear: both;}
#footer a:link {font-size: 12px; color: #fff; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none;}
#footer a:visited {font-size: 12px; color: #fff; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none;}
#footer a:hover {font-size: 12px; color: #fff; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: underline;}
#footer p.footer-left {float: left; width: 400px; padding: 6px 0px 0px 8px; margin: 0px; font-size: 12px; color: #fff; font-family: Geneva, Arial, Helvetica, sans-serif;}
#footer p.footer-right {float: right; width: 400px; padding: 6px 8px 0px 0px; margin: 0px; text-align: right; font-size: 12px; color: #fff; font-family: Geneva, Arial, Helvetica, sans-serif;}