@charset "utf-8";
/*  Styles
   Updated: 07/04/2009
   Site: J Bugs
   Author: Laurence Johnston
   ----------------------------------------------------*/

/* SECTION INDEX
			-------------
   =ZEROING ALL ELEMENTS
   =GENERIC
   =WRAPPER
   =HEADER
   =NAVBAR
   =MAIN
   =FOOTER
   =SFNT PAGE
   =CTGY PAGE
   =PROD PAGE
*/

/* =ZEROING ALL ELEMENTS
   ----------------------------------------------------*/
body, div, form, label, fieldset, legend, img, p, h1, h2, h3, h4, h5, ul, li, a{
	border:0 solid transparent;
	margin:0;
	padding:0;
}
body{
	font:normal 0.75em Arial, Helvetica, sans-serif;
	/* default browser font size is 16px (16px * 0.75 = 12px) */
}
a{
	position:relative;
	z-index:1;
}
input, select, option, textarea{
	font:bold 1em Arial, Helvetica, sans-serif;
	position:relative;
	z-index:1;
}
ul, ol{
	list-style:none;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


/* =GENERIC
   ----------------------------------------------------*/
body{
	background-image: url(../images/body_bg.jpg);
	background-repeat:repeat-x;
	background-color:#021349;
	margin:0 auto;
}
h1{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#2b4c5e;
	margin-bottom:2px!important;
	padding-bottom:0px!important;
	height:auto;
}
h2{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#2b4c5e;
}
h3{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#021349;
}
h4{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#594975;
	text-decoration:none;
}
h5{
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#594975;
	text-decoration:none;
}
p{
	font:normal 12px Arial, Helvetica, sans-serif;
	padding-bottom:0.95em;
	color:#000;
}
a{
	color:#000C2F;
	text-decoration:none;
}
a:hover{
	color:#7790BF;
	text-decoration:underline;
}
.lightblu{
	font:bold 14px Arial, Helvetica, sans-serif;
	margin:0.75em auto;
	color:#7790BF;
}
.hide{display:none;}


/* =CONTAINER
   ----------------------------------------------------*/
#container{
	width:960px;
	height:auto;
	margin:0 auto;
	background-repeat:no-repeat;
}


/* =HEADER
   ----------------------------------------------------*/
#header{
	margin:0 auto;
	width:956px;
	clear:both;
}


/* =NAVBAR
   ----------------------------------------------------*/
#navbar {
	height:30px;
	width:auto;
	margin: 0 auto;
	padding-left:5px;
}


/* =MAIN, CONTENT
   ----------------------------------------------------*/
#content{
	height:auto;
	width:675px;
	float:left;
	padding:8px 0px 0px 15px;
}
#content_text{
	font: 12px bold Arial, Helvetica, sans-serif;
	color:#5f6d90;
	text-decoration:none;
	line-height:1.1em;
}
#main_top{
	width:921px;
	height:22px;
	margin:0 auto;
	background-image: url(../images/main_top.png);
	background-repeat:no-repeat;
}
#main{
	width:921px;
	height:auto;
	min-height:600px;
	margin:0 auto;
	background-image: url(../images/main_repeat.png);
	background-repeat:repeat-y;
}
#main_strip_repeat{
	width:921px;
	margin:0 auto;
	background-image: url(../images/main_strip_repeat.jpg);
	background-position:center;
	background-repeat:repeat-y;
}
#content_basket{
	width:900px;
	height:auto;
	margin:0 auto;
}
#main_bottom{
	width:921px;
	height:45px;
	margin:0 auto;
	background-image: url(../images/main_bottom.png);
	background-repeat:no-repeat;
}
#header{
	width:921px;
	padding-bottom: 10px;
	margin:0 auto;
	background-image: url(../images/main_repeat.png);
	background-repeat:repeat-y;
}
.header_logo{
	float:left;
	padding-left:20px;
	width: auto;
}
#flashcontent{
	float:right;
	text-align: right;
}
#product_jquery{
	border:1px solid #CCCCCC;
	font:bold 12px Arial, Helvetica, sans-serif;
	clear:both;
	height:250px;
	padding:10px;
	width:620px;
	vertical-align:top;
}
#product_jquery_display{
	border:1px solid #CCCCCC;
	font:bold 12px Arial, Helvetica, sans-serif;
	clear:both;
	height:auto;
	padding:10px;
	width:650px;
	vertical-align:top;
}
.sfnt_text{
	font:bold 12px  Arial, Helvetica, sans-serif;
	color:#5F6D90;
	text-decoration:none;
	line-height:1.2em;
}
.sfnt_bold{
	font: 12px bold Arial, Helvetica, sans-serif;
	color:#011248;
	text-decoration:none;
	text-transform:uppercase;
	line-height:1.2em;
}


/* =BREADCRUMBS
   ----------------------------------------------------*/
.breadcrumbtrails p{display:inline!important;}

.breadcrumb{
	margin:0px auto 10px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2B4C5E;
}
.breadcrumb a{
	font-size:12px;
	padding:0 2px;
	text-decoration:none;
	color: #2B4C5E;
}
.breadcrumb a:hover{
	text-decoration:underline;
}
.breadcrumb_on{
	color:#2B4C5E;
	padding:0 2px;
	text-decoration:none;
}
.breadcrumb p {display:inline; color: #2B4C5E;}


/* =SUBNAV - CATTREE
   ----------------------------------------------------*/
#cattree{
	height:auto;
	width:200px;
	float: left;
	clear:both;
	padding-top: 15px;
	padding-left:17px;
}
.cat_text{
	font:bold 12px  Arial, Helvetica, sans-serif;
	color:#000C2F;
	text-decoration:none;
	line-height:1.1em;
}
.cat_text a{
	font:bold 12px  Arial, Helvetica, sans-serif;
	color:#000C2F;
	text-decoration:none;
	line-height:1.1em;
}
.cat_text a:hover{
	font:bold 12px  Arial, Helvetica, sans-serif;
	color:#011248;
	text-decoration:none;
	line-height:1.1em;
}


/* =FOOTER
   ----------------------------------------------------*/
#footer{
	width:921px;
	height:auto;
	margin:0 auto;
	line-height:1.1em;
}
.footer_text_white{
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	line-height:1.1em;
}
.footer_text{
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#2B4C5E;
	text-decoration:none;
	line-height:1.1em;
}
.footer_text a{
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#2B4C5E;
	text-decoration:none;
	line-height:1.1em;
}
.footer_text a:hover{
	color:#011248;
	text-decoration:underline;
}


/* = SEARCH & SHOPPING CART
 ----------------------------------------------------*/
#cart{
	width:870px;
	height:27px;
	margin:0 auto;
	background-image: url(../images/cart_bg.jpg);
	background-repeat:no-repeat;
}
.cart{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	padding: 6px 0;
}
.cart a{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
.cart a:hover{
	color:#fff;
	text-decoration:underline;
}
.cart_bold{
	font:8px Arial, Helvetica, sans-serif;
	color:#2B4C5E;
	text-decoration:none;
	text-transform:uppercase;
}


/* =SFNT PAGE
   ----------------------------------------------------*/


/* =CTGY PAGE
   ----------------------------------------------------*/
.link_text{
	font: 10px bold Arial, Helvetica, sans-serif;
	color:#011248;
	text-decoration:none;
	line-height: 0.9em;
	cursor:pointer;
}
.link_text:hover{
	color:#5F6D90;
}

/* =PROD PAGE
   ----------------------------------------------------*/
.product_small{
	font: 12px bold Arial, Helvetica, sans-serif;
	color:#011248;
	text-decoration:none;
}
.product_bold{
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#011248;
	text-decoration:none;
	text-transform:uppercase;
	line-height:1.1em;
}
.product_text{
	font: 11px bold Arial, Helvetica, sans-serif;
	color:#5F6D90;
	text-decoration:none;
	line-height:1.2em;
}
.product_large{
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#011248;
	text-transform:uppercase;
	text-decoration:none;
}
.product_medium{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#5F6D90;
	text-decoration:none;
}
.prod_text{
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#011248;
	text-decoration:none;
	line-height: 0.9em;
}



/* =sIFR
   ----------------------------------------------------*/
#h1_bg{
	background-image:url(../images/title_bar.gif);
	background-repeat:no-repeat;
	width:670px;
	position:relative;
	padding: 5px;
}
#h2_bg{
	background-image:url(../images/title_bar.gif);
	background-repeat:no-repeat;
	width:670px;
	position:relative;
	padding: 5px;
}
.sIFR-flash{
	visibility: visible !important;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#ffffff;
	position:absolute;
	text-decoration:none;
	padding:2px 0px 0px 4px;
}
.sIFR-flash a:hover{
	text-decoration:none;
	color:#ffffff;
}
.sIFR-flash a{
	text-decoration:none;
	color:#ffffff;
}


/* SILAS CREATIVE ADDS
   ----------------------------------------------------*/

.category_visual {
}
h1.category_subcategorytitle {
	font-size: 14px;
	display: block;
	padding-bottom: 13px;
}
.category_subcatslinks {
	background-image: url(../images/catvis-bottom.gif); background-repeat: no-repeat;  
	background-size:160px 292px;
	background-position: bottom; 
	height:260px;
	width: 160px;
	margin-right: 3px;
	margin-left: 3px;
	margin-bottom: 20px;
}
.category_subcatslinks_top {
	background-image: url(../images/catvis-top.gif); background-repeat: no-repeat; 
	background-size:160px 66px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
	text-align: center;
	min-height: 40px;
}
.category_subcatslinks h2 {
              padding-top: 10px;
	text-decoration: none;
	font-size:14px;
	color:#003399;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}
.category_subcatslinks h2 a {
	text-decoration: none;
	font-size:14px;
	color:#003399;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.category_subcatslinks p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.category_subcatslinks p img {
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 115px;
	height: auto;
}

.category_subcatslinks_visual_button {
	width: 126px;
	margin-right: auto;
	margin-left: auto;	
	padding-bottom: 5px;
	
}

.clear {
	clear: both;
}

h1#h1_bg { 
	color: #FFF; 
}

/*****************************************************************************/
/* css for cattree display.                                        */
/* css for cattree display.                             */
/*****************************************************************************/


.ddmx{
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#000C2F;
}
.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover{
	padding:1px 2px 1px 2px;
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#000C2F;
	text-decoration:none;
	display:block;
	position:relative;
	cursor:pointer;
	width:194px;
}
.ddmx .item1{
	color:#000C2F;
}
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover{
	background:#011248;
	width:194px;
	color:#ffffff;
}
.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover{
	padding:1px 4px 1px 4px;
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	position:relative;
	z-index:500;
	width:194px;
	color:#ffffff;
}
.ddmx .item2{
	background:#011248;
	width:194px;
	color:#ffffff;
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover{
	background:#cccccc;
	color:#011248;
	width:194px;
}
.ddmx .arrow,
.ddmx .arrow:hover{
	padding:3px 16px 4px 8px;
}
.ddmx .item2 img,
.ddmx .item2-active img{
	position:absolute;
	top:4px;
	right:1px;
	border:0;
}
.ddmx .section{
	position:absolute;
	visibility:hidden;
	width:194px;
	z-index:-1;
}
* html .ddmx td{
	position:relative;} /* ie 5.0 fix */
	
	
	

/*****************************************************************************/
/* old rollover code, still used for a few products.                                        */
/* old rollover code, still used for a few products.                             */
/*****************************************************************************/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: relative;
background-color: grey;
padding: 5px;
left: -2px;
border: 1px dashed grey;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

.error-color{
	color:red !important;
}

.red {
	color: red;
	font-weight: bold;
}
.cyan{
	color: #0296b1;
	font-weight: bold;
}
.blue{
	color: #0000ff;	font-weight: bold;	font-size:1.2em;
}

/* ------------------------ SV Product Descriptions ------------------------ */
.content p{float:left;width:100%;}
 .interiorkit {
        width: 650px;
		height: auto;
        clear:both;
	}	
    .interiorbox {
        clear: both;
        padding-bottom: 10px;
    }
    .interiorboxheader {
	      padding-bottom: 5px;
        font-size: 24px;
        font-weight: bold;
        border-top-color: #333;
        border-bottom-color: #333;
        color: #2B4C5E;
    }
    .interiorboxheader .sub {
        font-size: 14px;
        color: #000;
    }
    .interiorboxpic {
        background-color:white;
        float: right;
        background-color: #E9E9E9;
        margin-top: 5px;
        width: 350px;
        list-style-position: inside;
		clear:both!important;
	}
	.interiorboxheader{
	float:left;
	clear:both!important;
	}
    .intimg  {
        margin-left: 25px;
    }
    .intimg img{
        width: 300px;
    }
    .interiorboxtable {
        background-color:#fff;
        margin: 10px;
        padding:5px;
    }
    .interiorboxtable img {
        width: 40px;
        height: 40px;
        margin-top: 10px;
    }
   .interiorboxpic .colors li{
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 5px;
        list-style-position: inside;
    }
   .interiorboxtext {
        margin-right: 360px;
        margin-top: 5px; 
clear:left;
        list-style-position: inside;
    }
   .interiorboxtext li{
        margin-top: 10px;
   }
	.div-1 {
		position:relative;
	}
	.div-1a {
		position:absolute;
		top:-270px;
		right:0px;
		width:200px;
    z-index:100;
	}
	.div-1a img{
		border: none;
	}
	.round{padding:15px;border:solid 1px #5c6c8d;-moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px; min-height:100px;}
	
	
.clear			{ clear:both; font-size:0em; height:0em; }

#rotate-image, #static-image{
	height:450px;
}
#rotate-view{
	float:left;
	width:42px;
	height:42px;
	border:1px solid #eee; cursor:pointer;
	margin:14px 5px 0 0;
}
.thumbnails { display:block; margin:10px 0 0 0; padding:0; width:auto; float:left; }
.thumbnails li { display:block; float:left; margin:4px 4px 0 0; padding:0; width:42px; height:42px; text-align:center; border:1px solid #eee; cursor:pointer; }
.thumbnails li span { display:inline-block; height:100%; text-align:center; vertical-align:middle; }
.thumbnails li img { vertical-align:middle; }

.swatches { display:inline; margin:0; padding:0; }
.swatches li { display:block; float:left; margin:4px 4px 0 0; padding:0; width:50px; height:50px; text-align:center; border:1px solid #eee; cursor:pointer; }
.swatches li span { display:inline-block; height:100%; text-align:center; vertical-align:middle; }
.swatches li img { vertical-align:middle; max-height: 50px; max-width: 50px; }

.product-image-margin { height:8px; }


.closeup{position:absolute;top:75px;padding:10px 10px 5px;background-color:#fff;border:1px solid #333;text-align:center;display:none;z-index:10;min-width:274px;min-height:274px;}
.closeup a{cursor:pointer;margin-top:5px;z-index:2;}
.closeup_backing{display:none;position:absolute;left:0px;top:0px;background-color:#333;opacity:0.75;filter:alpha(opacity=75);width:100%;z-index:9;}


.catdesc{
width:450px;
text-align:left;
}
.catdesc ul{ 
padding-left:5px;
padding-top:50px;
list-style-type:none;
}
.catdesc ul li{ 
left:200px;
clear:both;
}
/* ------------------------ SV Product Years ------------------------ */
.yearinfo table{ border:solid 1px lightgrey;padding:10px;}
.yearinfo table .title{ font-weight:bold; font-size:1.2em; padding:2px;}
.yearinfo table td{ border:solid 1px lightgrey;padding:10px;}
.yearinfo table tr:nth-child(odd){background-color:#e0e0e0;}

#yearfits{width:650px; padding:5px; height:auto;}
.yearfits-cars{display:inline; text-align:center;}
.yearfits-column{width:112px; border:solid 1px lightgrey; padding:6px; margin:2px; float:left; text-align:center}
.yearfits-column .title{width:100px; font-weight:bold; background-color:#e0e0e0; border:solid 1px black; padding:5px; margin:auto;}
.yearfits-column div{padding-top:8px;padding-bottom:6px;}
.yearfits-column div:nth-child(odd){background-color:#e0e0e0;}

/*****************************************************************************/
/* css for storefront fader.                                        */
/* css for storefront fader.                             */
/*****************************************************************************/


#simplefader{position:relative;width:675px;height:300px;margin-top:0px;margin-bottom:10px;}
#simplefader .screen{border:1px solid #666;border-radius:10px;z-index:2;width:100%;height:100%;position:absolute;top:0px;left:0px;display:none;}
#simplefader #simplefadercontrols{right:10px;bottom:10px;z-index:2;position:absolute;}
#simplefader #simplefadercontrols a{text-align:center;color:white;text-decoration:none;font-size:24px;font-weight:bold;margin-right:4px;width:24px;height:24px;line-height:24px;float:left;background-image:url("http://www.jbugs.com/store/css/Images/fader-nav.png");background-position:0px 0px;}
#simplefader #simplefadercontrols a.playresume{background-image:url("http://www.jbugs.com/store/css/Images/fader-ctrl.png");}
#simplefader #simplefadercontrols a.fadernavon{background-position:0px -24px;}
.buy-now{height:300px;width:665px;margin-top:0px;margin-left:5px;}

/* ------------------------ lightbox-me layout ------------------------ */
.lightbox-me {
	background: #fff;
	border: 3px solid #eaeaea;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 15px 0 rgba(255, 255, 255, .65);
	box-shadow: 0 0 15px 0 rgba(255, 255, 255, .65);
	display: none;
	padding: 15px;
	text-align: left;
        min-width:950px!important;
		min-height:80%!important;
}
	.lightbox-me .close {
		cursor: pointer;
		font-size: 30px;
		font-weight: bold;
		position: absolute;
		text-decoration: none;
		top: 5px;
		right: 15px;
		z-index: 1050;
	}
.lightbox-me iframe  { min-width:950px!important;}
#light_me {min-width:940px!important; min-height:100%!important;}}


/* ------------------------ SV Blog  ------------------------ */

	.blog {width:670px;}
	.sfblog{position:relative; margin-left:10px; margin-right:10px; padding:10px; border-bottom:solid 1px lightgrey; margin-top:10px; 
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.04) 2%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.04)), color-stop(2%,rgba(0,0,0,0.04)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.04) 2%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.04) 2%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.04) 2%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.04) 2%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	}
	.sfblog p{width:650px; height:110px; overflow:hidden;}
	.sfblog p img{float:right; width:120px; padding:10px; margin-right:10px;}
	.more{position:absolute; right:10px; bottom:5px;}
	.more a {font-style:italic;color:blue;}
	.techcontainer{width:670px; }
	.techleft{width:420px;  clear:both; padding:10px; float:left; }
	.techright{width:220px; padding:5px; float:right; }
	.link2 a:link{color:blue;}
	.link2 a:visited{color:blue;}
	.link2 a:hover{color:#696969;}
	.link2 a:active{color:blue;}
	.link3 {margin-left:25px;}
	.link3 a:link{color:blue;}
	.link3 a:visited{color:blue;}
	.link3 a:hover{color:#696969;}
	.link3 a:active{color:blue;}

/* ------------------------ SV New Navigation ------------------------ */
ul#css3menu1,ul#css3menu1 ul{margin-left:5px;list-style:none;padding:0;}
ul#css3menu1,ul#css3menu1 .submenu{background-color:#dedede;border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
ul#css3menu1 .submenu{visibility:hidden;position:absolute;left:0;top:100%;-moz-box-shadow:3.5px 3.5px 5px #000;-webkit-box-shadow:3.5px 3.5px 5px #000;box-shadow:3.5px 3.5px 5px #000;float:left;z-index:1;background-color:#fff;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-color:#d4d4d4;padding:0 10px 10px;}
ul#css3menu1 li:hover>.submenu{visibility:visible;}
ul#css3menu1 li{position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1 li:hover{z-index:4;}
ul#css3menu1{font-size:0;z-index:2;position:relative;display:inline-block;zoom:1;padding:0;*display:inline;}
ul#css3menu1 .column{float:left;}
* html ul#css3menu1 li a{display:inline-block;}
ul#css3menu1>li{margin:0;}
ul#css3menu1 a:active,ul#css3menu1 a:focus{outline-style:none;}
ul#css3menu1 a{display:block;vertical-align:middle;text-align:center;text-decoration:none;font:bold 14px Tahoma,Arial,sans-serif MS;color:#000;text-shadow:#fff 0 0 1px;cursor:pointer;padding:10px;background-color:#c1c1c1;background-image:url("//www.jbugs.com/store/css/images/mainbk.png");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#c0c0c0;}
ul#css3menu1 ul li{float:none;margin:10px 0 0;}
ul#css3menu1 ul a{text-align:left;padding:4px;background-color:#fff;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px Tahoma,Arial,sans-serif;color:#000;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{background-color:#d4d4d4;border-color:#c0c0c0;border-style:solid;color:#5f5f5f;text-shadow:#fff 0 0 1px;background-image:url("//www.jbugs.com/store/css/images/mainbk.png");background-position:0 100px;text-decoration:none;}
ul#css3menu1 span{display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{background-color:#fff;background-image:none;color:858585;text-decoration:none;}
ul#css3menu1 li.topfirst>a{border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px;-webkit-border-radius:2px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}
ul#css3menu1 li.toplast>a{border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:2px;}


ul#css3menu2,ul#css3menu2 ul{margin:0;list-style:none;padding:0;}
ul#css3menu2,ul#css3menu2 .submenu{}
ul#css3menu2 .submenu{visibility:hidden;position:absolute;left:0;top:100%;}
ul#css3menu2 li:hover>.submenu{visibility:visible;}
ul#css3menu2 li:hover>.submenu .column{border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:3.5px 3.5px 5px #000;-webkit-box-shadow:3.5px 3.5px 5px #000;box-shadow:3.5px 3.5px 5px #000;float:left;z-index:1;background-color:#fff;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-color:#d4d4d4;padding:0 10px 10px;}
ul#css3menu2 li:hover>.submenu .column.ddleft{position:relative; right:210px;}
ul#css3menu2 li{position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu2 li:hover{z-index:3;}
ul#css3menu2{font-size:0;z-index:3;position:relative;display:inline-block;zoom:1;padding:0;*display:inline;}
ul#css3menu2 .column{float:left;}
ul#css3menu2 a{display:block;vertical-align:middle;text-align:center;text-decoration:none;font:bold 14px Tahoma,Arial,sans-serif MS;color:#000;text-shadow:#fff 0 0 1px;cursor:pointer;padding:10px;border-width:0 0 0 1px;border-style:solid;border-color:#c0c0c0;}
ul#css3menu2 ul li{float:none;margin:10px 0 0;}
ul#css3menu2 ul a{text-align:center; padding:4px;background-color:#fff;border-width:0;font:12px Tahoma,Arial,sans-serif;color:#000;text-decoration:none;}
ul#css3menu2 ul .lalign a{text-align:left;} 
ul#css3menu2 table{font-size:12px;z-index:2;}
ul#css3menu2 table tr td a:hover {background-color:#dcdcdc;z-index:2;}
ul#css3menu2 ul .lalign a{text-align:left;}

.csbeetle {width: 110px; height: 60px; background: url(//www.jbugs.com/store/images/vw-sprite2.jpg) -0px -10px;}
.cssuper {width: 110px; height: 60px; background: url(//www.jbugs.com/store/images/vw-sprite2.jpg) -112px -10px;}
.csghia {width: 110px; height: 60px; background: url(//www.jbugs.com/store/images/vw-sprite2.jpg) -224px -10px;}
.cstype2 {width: 110px; height: 60px; background: url(//www.jbugs.com/store/images/vw-sprite2.jpg) -340px -8px;}
.cstype3 {width: 110px; height: 60px; background: url(//www.jbugs.com/store/images/vw-sprite2.jpg) -455px -10px;}
.csthing {width: 110px; height: 60px; background: url(//www.jbugs.com/store/images/vw-sprite2.jpg) -120px -90px;}
.csoffroad {width: 110px; height: 60px; background: url(//www.jbugs.com/store/images/vw-sprite2.jpg) -5px -90px;}

.beetle {width: 110px; height: 70px; background: url(//www.jbugs.com/store/images/vw-sprite2.jpg) -0px -158px;}
.beetlecvt {width: 110px; height: 70px; background: url(//www.jbugs.com/store/images/vw-sprite2.jpg) -110px -158px;}
.super {width: 110px; height: 70px; background: url(//www.jbugs.com/store/images/vw-sprite2.jpg) -230px -150px;}
.supercvt {width: 110px; height: 70px; background: url(//www.jbugs.com/store/images/vw-sprite2.jpg) -0px -232px;}
.ghia {width: 110px; height: 70px; background: url(//www.jbugs.com/store/images/vw-sprite2.jpg) -110px -232px;}
.ghiacvt {width: 110px; height: 70px; background: url(//www.jbugs.com/store/images/vw-sprite2.jpg) -225px -232px;}
.type2split {width: 110px; height: 70px; background: url(//www.jbugs.com/store/images/vw-sprite2.jpg) 0px -305px;}
.type2bay {width: 110px; height: 70px; background: url(//www.jbugs.com/store/images/vw-sprite2.jpg) -110px -305px;}
.type3square {width: 100px;height: 100px;background: url(//www.jbugs.com/store/images/vw-sprite2.jpg) -200px -100px;}
.type3fast {width: 100px;height: 100px;background: url(//www.jbugs.com/store/images/vw-sprite2.jpg) -300px -100px;}
.type3notch {width: 110px;height: 100px;background: url(//www.jbugs.com/store/images/vw-sprite2.jpg) -400px -100px;}
.offroad {width: 240px;height: 100px;background: url(//www.jbugs.com/store/images/vw-sprite2.jpg) -0px -400px;}

.cat-seats{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) 0 0}.cat-steering{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -100px 0}.cat-radios{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -200px 0}.cat-exhaust{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -300px 0}.cat-heater{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -400px 0}.cat-electrical{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) 0 -100px}.cat-wiring{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -100px -100px}.cat-carb{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -200px -100px}.cat-hardware{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -300px -100px}.cat-fuel{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -400px -100px}.cat-suspension{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) 0 -200px}.cat-wheels{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -100px -200px}.cat-brakes{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -200px -200px}.cat-trans{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -300px -200px}.cat-engine{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -400px -200px}.cat-body{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) 0 -300px}.cat-exterior{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -100px -300px}.cat-wipers{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -200px -300px}.cat-rubber{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -300px -300px}.cat-runningboards{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -400px -300px}.cat-manuals{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -100px -400px}.cat-tools{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -0 -400px}.cat-ignition{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -200px -400px}.cat-roofracks{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -300px -400px}.cat-cables{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -400px -400px}
.cat-ragtop{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -0 -500px}.cat-sunroof{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -100px -500px}.cat-convertible{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -200px -500px}.cat-camper{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -300px -500px}.cat-offroad{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) -400px -500px}
.cat-glass{width:100px;height:100px;background:url(//www.jbugs.com/store/images/jbugs-icon-sprite.jpg) 0px -600px}

.selectcar {max-height:70px; overflow:hidden; }
.selectcar div {max-width: 105px; opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */}
.selectcar div:hover {opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */}

.cat-off-road-mirror{width:100px;height:100px;background:url("//www.jbugs.com/store/images/off-road-sprite.jpg") 0px 0px;}
.cat-off-road-tire{width:100px;height:100px;background:url("//www.jbugs.com/store/images/off-road-sprite.jpg") -100px 0px;}
.cat-off-road-seat{width:100px;height:100px;background:url("//www.jbugs.com/store/images/off-road-sprite.jpg") -200px 0px;}
.cat-off-road-gas-tank{width:100px;height:100px;background:url("//www.jbugs.com/store/images/off-road-sprite.jpg") -100px -100px;}
.cat-off-road-lighting{width:100px;height:100px;background:url("//www.jbugs.com/store/images/off-road-sprite.jpg") -300px -0px;}
.cat-off-road-switches{width:100px;height:100px;background:url("//www.jbugs.com/store/images/off-road-sprite.jpg") -400px -0px;}
.cat-off-road-interior{width:100px;height:100px;background:url("//www.jbugs.com/store/images/off-road-sprite.jpg") -0px -100px;}
.cat-off-road-suspension{width:100px;height:100px;background:url("//www.jbugs.com/store/images/off-road-sprite.jpg") -200px -100px;}
.cat-off-road-shocks{width:100px;height:100px;background:url("//www.jbugs.com/store/images/off-road-sprite.jpg") -300px -100px;}
.cat-off-road-pedals{width:100px;height:100px;background:url("//www.jbugs.com/store/images/off-road-sprite.jpg") -400px -100px;}
.cat-off-road-disk-brake{width:100px;height:100px;background:url("//www.jbugs.com/store/images/off-road-sprite.jpg") -0px -200px;}
.cat-off-road-engine{width:100px;height:100px;background:url("//www.jbugs.com/store/images/off-road-sprite.jpg") -100px -200px;}
.cat-off-road-exhaust{width:100px;height:100px;background:url("//www.jbugs.com/store/images/off-road-sprite.jpg") -200px -200px;}
.cat-off-road-batteries{width:100px;height:100px;background:url("//www.jbugs.com/store/images/off-road-sprite.jpg") -300px -200px;}
.cat-off-road-cables{width:100px;height:100px;background:url("//www.jbugs.com/store/images/off-road-sprite.jpg") -400px -200px;}
.cat-off-road-hardware{width:100px;height:100px;background:url("//www.jbugs.com/store/images/off-road-sprite.jpg") -0px -300px;}
.cat-off-road-tools{width:100px;height:100px;background:url("//www.jbugs.com/store/images/off-road-sprite.jpg") -100px -300px;}
.cat-off-road-manuals{width:100px;height:100px;background:url("//www.jbugs.com/store/images/off-road-sprite.jpg") -200px -300px;}
.cat-off-road-transmission{width:100px;height:100px;background:url("//www.jbugs.com/store/images/off-road-sprite.jpg") -300px -300px;}
.cat-off-road-carburetors{width:100px;height:100px;background:url("//www.jbugs.com/store/images/off-road-sprite.jpg") -400px -300px;}
/* ------------------------ SV Seat Customizer ------------------------ */
.show {position:relative;}
.show0 {position:absolute; z-index:0;}
.show1 {position:absolute; z-index:1;}
.show2 {position:absolute; z-index:2;}
#imageWrap {width: 640px; height: 640px; background: url('ajax-loader.gif') center center no-repeat; }
*{ margin: 0; padding: 0; }
#page-wrap {width: 340px; margin: 25px auto; }
.ui-tabs { zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 2px 2px 0; overflow: hidden; top: 1px; z-index: 1000; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border: 1px solid #ccc;  border-bottom-width: 0 !important; margin: 0 2px -1px 0; background: #ccc; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 5px 10px; color: black; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; background: white; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a  { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 20px; display: block; border-width: 0; background: none; border: 1px solid #ccc; position: relative; min-height: 200px; }
.ui-tabs .ui-tabs-hide 	{ display: none !important; }
a.mover { background: #900; padding: 6px 12px; position: absolute;color: white; font-weight: bold; text-decoration: none; }
.next-tab { bottom: 0; right: 0; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; }
.prev-tab { bottom: 0; left: 0; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }

.bq{color:696969;font-style:italic;margin-bottom:40px;}
.bqstart {
     float: left;
     height: 45px;
     margin-top: 0px;
     padding-right: 10px;
     margin-bottom: 0px;
     font-size: 700%;
     color: #696969;
 }
.bqquote {padding-top:35px;}
.bqend {
     float: right;
     height: 25px;
     margin-bottom: 0px;
     padding-left: 10px;
     font-size: 700%;
     color: #696969;
 }
 
 .butt img:hover {opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}
 .rates a {text-decoration:none;}
 .rates a:hover {background-color:blue;}
 .rates  td td{width:25%; border:solid 1px lightgrey; padding-left:2%;}
 .rates  td:nth-child(even){width:50%;}
 
.vwselect{width:908px; height:75px; margin:auto;padding-bottom:10px;}
.vwselect div {float:left; border-right:solid 1px lightgrey; width:129px!important; height:75px!important; box-sizing:border-box; text-align:center;color:grey;font-weight:bold;  z-index:0;}
.vwselect div a:link{text-decoration:none; }
.vwselect img {opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */}
.vwselect img:hover {opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */}
 
 
/* search form 
-------------------------------------- */
.searchform {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: solid 1px #d2d2d2;
	padding: 3px 5px;
	
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.searchform input {
	font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.searchform .searchfield {
	background: #fff;
	padding: 6px 6px 6px 8px;
	width: 202px;
	border: solid 1px #bcbbbb;
	outline: none;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton {
	color: #fff;
	border: solid 1px #494949;
	font-size: 11px;
	height: 27px;
	width: 27px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}
.fullsearchform {
display: inline-block; zoom: 1; /* ie7 hack for display:inline-block */*display: inline; border: solid 1px #d2d2d2; -webkit-border-radius: 2em;
-moz-border-radius: 2em;	border-radius: 2em;
-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
box-shadow: 0 1px 0px rgba(0,0,0,.1);
background: #7486ad;
background: -webkit-gradient(linear, left top, left bottom, from(#7486ad), to(#46577d));
background: -moz-linear-gradient(top, #7486ad, #46577d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7486ad', endColorstr='#46577d'); /* ie7 */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7486ad', endColorstr='#46577d'); /* ie8 */
color:#ffffff; width:90%; height:40px; margin-left:25px;padding:15px 15px 5px 15px;position:relative; z-index:10; margin-top:-20px;
}
.fullsearchform input {
width: 65%;height:20px;padding-right:10px;
font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.fullsearchform span{font-weight:bold; font-size:1.5em;}

.fullsearchform .searchfield {
background: #fff;
border: solid 1px #bcbbbb;
outline: none;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.fullsearchform .searchbutton {
color: #fff;
border: solid 1px #494949;
font-size: 11px;
height: 27px;
width: 27px;
text-shadow: 0 1px 1px rgba(0,0,0,.6);
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
background: #5f5f5f;
background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
background: -moz-linear-gradient(top, #9e9e9e, #454545);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}


.inline {display:inline!important; color:blue;}
div .tooltip {outline:none; color:blue; display:inline!important; }
div.tooltip:hover { text-decoration:none;} 
div.tooltip span { z-index:2;display:none; padding:14px 10px; margin-top:20px; margin-left:-200px; width:240px; line-height:16px; } 
div.tooltip:hover span{ display:inline; position:absolute; border:2px solid #e8e8e8; color:#696969; background:#fff; } 
.callout {z-index:2;position:absolute;border:0;top:-14px;left:120px;} 
/*CSS3 extras*/ 
div.tooltip span { border-radius:2px; box-shadow: 0px 0px 8px 4px #666; /*opacity: 0.8;*/ }


.cssrollover {outline:none; color:blue; display:inline!important; position:relative;}
.cssrollover a{color:blue;}
.cssrollover:hover {text-decoration:none;} 
.cssrollover span {z-index:2; display:none; border:2px solid #e8e8e8; color:#696969; background:#fff; padding:10px 10px; line-height:14px; width:200px; position:absolute; left:10px; top:20px; border-radius:2px; box-shadow: 0px 0px 8px 4px #666; /*opacity: 0.8;*/} 
.cssrollover:hover span{ display:inline;} 


/* Blue Button
-------------------------------------- */
.jbbutton{float:left;-moz-box-shadow:inset 0 1px 0 0 #97c4fe;-webkit-box-shadow:inset 0 1px 0 0 #97c4fe;box-shadow:inset 0 1px 0 0 #97c4fe;background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#3d94f6),color-stop(1,#1e62d0));background:-moz-linear-gradient(top,#3d94f6 5%,#1e62d0 100%);background:-webkit-linear-gradient(top,#3d94f6 5%,#1e62d0 100%);background:-o-linear-gradient(top,#3d94f6 5%,#1e62d0 100%);background:-ms-linear-gradient(top,#3d94f6 5%,#1e62d0 100%);background:linear-gradient(to bottom,#3d94f6 5%,#1e62d0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6',endColorstr='#1e62d0',GradientType=0);background-color:#3d94f6;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #337fed;display:inline-block;cursor:pointer;color:#fff!important;font-family:arial;font-size:15px;font-weight:700;padding:6px 10px;text-decoration:none;text-shadow:0 1px 0 #1570cd;}
.jbbutton:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#1e62d0),color-stop(1,#3d94f6));background:-moz-linear-gradient(top,#1e62d0 5%,#3d94f6 100%);background:-webkit-linear-gradient(top,#1e62d0 5%,#3d94f6 100%);background:-o-linear-gradient(top,#1e62d0 5%,#3d94f6 100%);background:-ms-linear-gradient(top,#1e62d0 5%,#3d94f6 100%);background:linear-gradient(to bottom,#1e62d0 5%,#3d94f6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0',endColorstr='#3d94f6',GradientType=0);background-color:#1e62d0;}

/* New Categories
-------------------------------------- */
.p-title{clear:both;}
.p-title h2{font-size:24px;background-color:#5D6D8E;border-top-left-radius:10px;border-top-right-radius:10px;padding:5px 0 0 15px;color:#ffffff;}
.p-title h3{font-size:18px;background-color:#5D6D8E;border-top-left-radius:10px;border-top-right-radius:10px;padding:5px 0 0 15px;color:#ffffff;}

.parent{width:50%;float:left;box-sizing:border-box;min-height:130px;padding:5px; border-right:solid 1px #dcdcdc;border-top:solid 1px #dcdcdc;margin-top:10px;border-left:solid 5px #fff;}
.parent a{color:#5d6d8e;font-weight:bold;}
.parent h2{font-size:16px;border-bottom:dotted 3px #f4f4f4;}
.parent:hover {border-left:solid 5px #5D6D8E; background-color:#f7f7f7; -webkit-transition: background-color 0.5s;  transition: background-color 0.5s;}
.parent:hover a{color:#000000; -webkit-transition: color 0.2s;  transition: color 0.2s;}
.parent:hover img{opacity: 0.2; filter: alpha(opacity=20); -webkit-transition: opacity 0.5s;  transition: opacity 0.5s;}

.p-left{width:100px;float:left;}
.p-left img{border:solid 1px #5d6d8e; border-radius:10px; margin:2px;}
.p-right{float:left;min-height:80px;margin:5px 0 0 15px;padding-bottom:10px;}
.p-right ul{margin-left:10px;list-style:disc;}
.p-right li{margin-top:5px;}
.parent2{width:100%;float:left;box-sizing:border-box;min-height:130px;padding:5px;border-right:solid 1px #dcdcdc;border-top:solid 1px #dcdcdc;margin-top:10px;border-left:solid 5px #fff;}
.parent2 a{color:#5d6d8e;font-weight:bold;}
.parent2 .p-right{width:80%;}
.parent2 .p-right li{float:left; min-width:220px; max-width:220px; margin:5px!important;}

.parent2:hover {border-left:solid 5px #5D6D8E; background-color:#f7f7f7; -webkit-transition: background-color 0.5s;  transition: background-color 0.5s;}
.parent2:hover a{color:#000000; -webkit-transition: color 0.2s;  transition: color 0.2s;}
.parent2:hover img{opacity: 0.2; filter: alpha(opacity=20); -webkit-transition: opacity 0.5s;  transition: opacity 0.5s;}


/* Vendors
-------------------------------------- */
.vendors{background-color:white;margin:auto;width:80%;padding-bottom:50px; border-top:solid 1px #000000;}
.vendors h2{text-align:center;}
.vendors hr{width:70%;background-color:#dcdcdc;height:1px;border:0;margin-bottom:25px;}
.vendors .clear{clear:both;}
.vendors div{position:relative;float:left;width:25%;min-width:100px;}
.vendors div div {margin:auto;float:right;min-width:100px;}
.vendors div img{max-width:80px;z-index:0;}
.vendors div a{text-decoration:none;}
.vendors span{position:absolute; top:80px; right:0px; width:100px;text-align:center;font:15px arial,sans-serif;z-index:1;}
.vendor-jbugs, .vendor-classiccarstereos, .vendor-seatbeltsplus, .vendor-cupholdersplus, .vendor-offroadshocks, .vendor-sidebyside, .vendor-penasco, .vendor-chevelle, .vendor-mustang, .vendor-camaro{background: url(//www.jbugs.com/jbugsemail/sprites.png) no-repeat;}.vendor-jbugs{background-position: 0 0;width: 100px;height: 100px;}.vendor-classiccarstereos{background-position: -199px 0;width: 100px;height: 100px;}.vendor-seatbeltsplus{background-position: -98px 0;width: 100px;height: 100px;}.vendor-cupholdersplus{background-position: -298px 0;width: 100px;height: 100px;}.vendor-offroadshocks{background-position: 0 -98.99147033691406px ;width: 100px;height: 100px;}.vendor-sidebyside{background-position: -103px -98px ;width: 100px;height: 100px;}.vendor-penasco{background-position: -199px -99px ;width: 100px;height: 100px;}.vendor-chevelle{background-position: -503px -99px ;width: 100px;height: 100px;}.vendor-mustang{background-position: -298.98577880859375px -98.98295593261719px ;width: 100px;height: 100px;}.vendor-camaro{background-position: -398.98577880859375px -98.97157287597656px ;width: 100px;height: 100px;}


/* Accordian
-------------------------------------- */
.ac-container{
	z-index: 1;
	width: 95%;
	margin: 10px auto 30px auto;
}
.ac-container label{
	z-index: 1;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	padding: 5px 20px;
	position: relative;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #777;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 33px;
	font-size: 19px;
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
	background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #c6e1ec;
	color: #3d7489;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 1;
	transition: 
		height 0.3s ease-in-out, 
		box-shadow 0.6s linear;
}
.ac-container input:checked ~ article{
	transition: 
		height 0.5s ease-in-out, 
		box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container article p{
	font-style: italic;
	color: #777;
	line-height: 23px;
	font-size: 14px;
	padding: 20px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article.ac-small{
	height: 100%;
}


.inStock { display: block; overflow: hidden;} 
.inStock:before { border: solid transparent; border-top: 70px solid #07498B; border-left: 70px solid transparent; border-right: 0px solid transparent; content: " "; pointer-events: none; position: absolute; right: 0; top: 0; width: 0; height: 0; z-index: 1; } 
.inStock:after { color: #fff; font-weight: 700; font-size: 14px; position: absolute; right: -.2rem; top: 1.2rem; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 2; content: "In Stock"; }


.inSize { display: block; overflow: hidden;} 
.inSize:before { border: solid transparent; border-top: 70px solid #07498B; border-left: 70px solid transparent; border-right: 0px solid transparent; content: " "; pointer-events: none; position: absolute; right: 0; top: 0; width: 0; height: 0; z-index: 1; } 
.inSize:after { color: #fff; font-weight: 700; font-size: 14px; position: absolute; right: -.2rem; top: 1.2rem; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 2; content: "Oversize"; }


.inNew{ display: block; overflow: hidden;} 
.inNew:before { border: solid transparent; border-top: 70px solid #07498B; border-left: 70px solid transparent; border-right: 0px solid transparent; content: " "; pointer-events: none; position: absolute; right: 0; top: 0; width: 0; height: 0; z-index: 1; } 
.inNew:after { color: #fff; font-weight: 700; font-size: 18px; position: absolute; right: -.2rem; top: 1.2rem; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 2; content: "New !"; }


.facebook{background:url('//www.jbugs.com/store/images/social-icons.png') 0px 0px; height:34px; width:34px;}
.googleplus{background:url('//www.jbugs.com/store/images/social-icons.png') -97px 0px; height:34px; width:34px;}
.instagram{background:url('//www.jbugs.com/store/images/social-icons.png') -97px -32px; height:34px; width:34px;}
.pintrest{background:url('//www.jbugs.com/store/images/social-icons.png') -32px -32px; height:34px; width:34px;}


table.callme{border-spacing:3px;}
.product img{max-width:110px} 
table.callme td{max-width:160px;min-height:161px!important;border:1px solid #aaaaaa; padding-top:10px!important; padding-bottom:10px!important;padding-left:5px!important;padding-right:5px!important;}
.jbbutton{float:right}
.nound:hover,.nound:link{text-decoration:none}
<!-- .interiorboxpic.yearinfo{display:none!important} -->
.interiorboxtext{margin-top:-50px}
.myButton{-moz-box-shadow:inset 0 1px 0 0 #caefab;-webkit-box-shadow:inset 0 1px 0 0 #caefab;box-shadow:inset 0 1px 0 0 #caefab;background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#77d42a),color-stop(1,#5cb811)) #77d42a;background:-moz-linear-gradient(top,#77d42a 5%,#5cb811 100%) #77d42a;background:-webkit-linear-gradient(top,#77d42a 5%,#5cb811 100%) #77d42a;background:-o-linear-gradient(top,#77d42a 5%,#5cb811 100%) #77d42a;background:-ms-linear-gradient(top,#77d42a 5%,#5cb811 100%) #77d42a;background:linear-gradient(to bottom,#77d42a 5%,#5cb811 100%) #77d42a;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811', GradientType=0);-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #268a16;display:inline-block;cursor:pointer;color:#fff;font-family:arial;font-size:15px;font-weight:700;padding:6px 24px;text-decoration:none;text-shadow:0 1px 0 #aade7c}
.myButton:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#5cb811),color-stop(1,#77d42a)) #5cb811;background:-moz-linear-gradient(top,#5cb811 5%,#77d42a 100%) #5cb811;background:-webkit-linear-gradient(top,#5cb811 5%,#77d42a 100%) #5cb811;background:-o-linear-gradient(top,#5cb811 5%,#77d42a 100%) #5cb811;background:-ms-linear-gradient(top,#5cb811 5%,#77d42a 100%) #5cb811;background:linear-gradient(to bottom,#5cb811 5%,#77d42a 100%) #5cb811;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a', GradientType=0);color:#fff}

table.callme{border-spacing:3px;}
.renderprod{background-color:#ffffff; max-width:160px; min-height:200px!important; max-height:200px!important; overflow:hidden; border:1px solid #aaaaaa; padding-top:10px!important; padding-bottom:10px!important; padding-left:5px!important; padding-right:5px!important;}
.renderprod-image{max-width:110px; min-height:110px;max-height:110px;} 
.renderprod-image img{max-height:110px!important;}
.renderprod-text{ height:100px; } 
.renderprod .addbuttons{margin-top:6px;}
.p-title ~ p {margin-top:10px;}

/* CREATES POPUP BOX FOR HOVER ICON */
.arrow-box {
	position: relative;
	background: #5d6d8e;
	border: 2px solid #38393a;
	color: white;
	width: 250px;
	display: none;
	top: 36px;
	left: -25px;
	min-height: 35px;
}
.arrow-box:after, .arrow-box:before {
	bottom: 100%;
	left: 16px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow-box:after {
	border-color: rgba(93, 109, 142, 0);
	border-bottom-color: #5d6d8e;
	border-width: 14px;
	margin-top: -15px;
	left: 19px;
}
.arrow-box:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #38393a;
	border-width: 17px;
	margin-top: -18px;
}

.pfade{
	padding:10px ;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.04) 2%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.04)), color-stop(2%,rgba(0,0,0,0.04)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.04) 2%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.04) 2%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.04) 2%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.04) 2%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}	



.atttable{position:absolute; right:0px; top:0px; width:220px;background:#f8f8f8;padding:0px margin:0px;}
.atttable-row{border-bottom:solid 1px #dcdcdc;padding:5px 5px;}
.atttable-left{min-width:48%;display:inline;}
.atttable-right{float:right;border-left:solid 1px #dcdcdc;padding-left:5px;min-width:48%;display:inline;}
.swatable{position:relative; right:0px; top:0px; width:100%; padding:0px margin:0px;}
.swatable-row{border-bottom:solid 1px #dcdcdc;padding:5px 5px;}
.swatable-row img{padding:5px;}
.swatable-row >div{display:inline;float:left;width:60px;height:80px;border:solid 1px #f8f8f8;text-align:center;overflow:hidden;font-size:12px;color:#666666;}
.swatable-header{background:#dcdcdc; padding:8px;border-top-left-radius:10px;border-top-right-radius:10px;}
.swatable-left{min-width:48%;display:inline;}
.swatable-right{float:right;border-left:solid 1px #dcdcdc;padding-left:5px;min-width:48%;display:inline;}


.esign{
background:#021349;
color:white;
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);
transform-origin: right top;
line-height:;
position:fixed!important; right:0px; top:320px;
text-decoration:none;
z-index:2;
}
.esign a {color:white;font-weight:bold; text-decoration:none;}
.esign:hover{background:#499DF5;}
.etext{
float: right;
color:#ffffff;
font-weight:bold;
padding:10px;
}
@media (min-width:480px){
.esign{display:block;}
}
@media (max-width:480px){
.esign{display:none;}
}
@media (max-width:960px){
.esign{ position:fixed!important; right: -25px; top:320px; }
.esign:hover{position:fixed!important; right:0px; }
}



/* Replaces Sebenza 07-07-2015 SV
-------------------------------------- */
.CatBut{-moz-box-shadow:inset 0px 1px 0px 0px #caefab;-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;box-shadow:inset 0px 1px 0px 0px #caefab;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #416B93), color-stop(1, #375B73));background:-moz-linear-gradient(top, #416B93 5%, #375B73 100%);background:-webkit-linear-gradient(top, #416B93 5%, #375B73 100%);background:-o-linear-gradient(top, #416B93 5%, #375B73 100%);background:-ms-linear-gradient(top, #416B93 5%, #375B73 100%);background:linear-gradient(to bottom, #416B93 5%, #375B73 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#416B93', endColorstr='#375B73',GradientType=0);background-color:#416B93;-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; display:inline-block; cursor:pointer; color:#ffffff; font-family:arial;font-size:16px;font-weight:bold;padding:3px 10px;text-decoration:none; margin: 0 auto; display: table; position: relative; letter-spacing:.8px; }
.CatBut:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #375B73), color-stop(1, #416B93));background:-moz-linear-gradient(top, #375B73 5%, #416B93 100%);background:-webkit-linear-gradient(top, #375B73 5%, #416B93 100%);background:-o-linear-gradient(top, #375B73 5%, #416B93 100%);background:-ms-linear-gradient(top, #375B73 5%, #416B93 100%);background:linear-gradient(to bottom, #375B73 5%, #416B93 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#375B73', endColorstr='#416B93',GradientType=0);background-color:#375B73;color:#ffffff;}
h2.category_subcategorytitle {font-size:18px!important;}
.Catbottom{position:relative;bottom:0px;width:100%;}
.newCAT3{float:left; position:relative; min-width:155px; max-width:150px; height:240px; max-height:240px; border:solid 1px #dcdcdc; margin:5px;background:#ffffff;}
.newCATthumb{width:100%; height:120px;}
.newCATthumb img{max-height:100%; max-width:95%; 
    margin: 0 auto;
    display: table;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    }
.containmymeows{background:#ffffff; padding-bottom:15px; border:none; border-radius:5px;}
.containmymeows h2{font-size:24px;padding:10px 0px 0px 15px;border-bottom:none;}
.newCATtext{height:86px; position:relative; bottom:0px; width:100%; font-size:14px; line-height:15px; text-align:center; word-spacing:0px; padding:0px; overflow:hidden;}
.newCATname{height:75px; float:left; width:100%; overflow:hidden;color:#003399; font-weight:bold;}
.newCATATT, .newprodATT h2{font-size:18px; clear:both; font-weight:normal;}

.prodh2 h2{font-size:18px;padding:5px 0px 0px 5px;border-bottom:none;}

.ProdBut{position:relative;-moz-box-shadow:inset 1px 1px 1px 0px #caefab;-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;box-shadow:inset 1px 1px 1px 0px #caefab;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0AD322), color-stop(1, #5cb811));
background:-moz-linear-gradient(top, #0AD322 5%, #5cb811 100%);
background:-webkit-linear-gradient(top, #0AD322 5%, #129521 100%);
background:-o-linear-gradient(top, #0AD322 5%, #129521 100%);
background:-ms-linear-gradient(top, #0AD322 5%, #129521 100%);
background:linear-gradient(to bottom, #0AD322 5%, #129521 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0AD322', endColorstr='#129521',GradientType=0);
background-color:#0AD322;-moz-border-radius:6px;-webkit-border-radius:6px;
border-radius:8px;border:1px solid #268a16;display:inline-block; cursor:pointer; color:#ffffff; font-family:arial;font-size:16px;font-weight:bold;padding:2px 10px 0px 10px;text-decoration:none; margin: 0 auto; display: table; position: relative; letter-spacing:.8px; width:auto;}

.ProdBut:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #129521), color-stop(1, #0AD322));background:-moz-linear-gradient(top, #129521 5%, #0AD322 100%);background:-webkit-linear-gradient(top, #129521 5%, #0AD322 100%);background:-o-linear-gradient(top, #129521 5%, #0AD322 100%);background:-ms-linear-gradient(top, #129521 5%, #0AD322 100%);background:linear-gradient(to bottom, #129521 5%, #0AD322 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#129521', endColorstr='#0AD322',GradientType=0);background-color:#129521;color:#ffffff;}.noline:hover{text-decoration:none;}

.bottom{position:relative;bottom:-3px;width:100%;}
.newproduct3{z-index:0!important; float:left; min-width:155px; max-width:150px; height:280px; max-height:280px; border:solid 1px #dcdcdc; margin:5px;}
.newproductthumb{z-index:0; width:100%; height:120px;}
.newproductthumb img{z-index:0; max-height:120px!important; max-width:95%; margin:2px;}
.newproducttext{z-index:0; height:90px; position:relative; bottom:0px; width:100%; font-size:14px; line-height:18px; padding:0px 5px; overflow:hidden;}
.newproducttext a:hover{text-decoration:none;}
.newproductname{height:90px; float:left; width:100%; overflow:hidden;}
.newproductATT, .newprodATT h2{margin-left:3px;font-size:12px; line-height:18px; clear:both; font-weight:normal; color:#000000; max-width:155px; overflow:hidden; white-space: nowrap;}
.forflag{position:relative;z-index: 4;}
.forflag:hover .arrow-box2 {
	display: block;
	position: absolute;
	z-index:10!important;
}
.arrow-box2 {
	position: relative;
	background: #5d6d8e;
	border: 2px solid #38393a;
	color: white;
	width: 250px;
	display: none;
	top: 36px;
	left: -25px;
	min-height: 35px;
}
.flag { position:absolute; right:0px; overflow: hidden; width:75px;height:75px;} 
.fNEW:before { border: solid transparent; border-top: 75px solid #06488A; border-left: 75px solid transparent; border-right: 0px solid transparent; content: " "; pointer-events: none; position: absolute; right: 0; top: 0; width: 0; height: 0; z-index: 2; } 
.fNEW:after { color: #fff; font-weight: 700; font-size: 16px; position: absolute; right: .4rem; top: 1.4rem; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 2; content: "New"; }
.fOVER:before { border: solid transparent; border-top: 75px solid #06488A; border-left: 75px solid transparent; border-right: 0px solid transparent; content: " "; pointer-events: none; position: absolute; right: 0; top: 0; width: 0; height: 0; z-index: 2; } 
.fOVER:after { color: #fff; font-weight: 700; font-size: 14px; position: absolute; right: 0rem; top: 1.3rem; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 2; content: "Oversize"; }
.f360:before { border: solid transparent; border-top: 75px solid #06488A; border-left: 75px solid transparent; border-right: 0px solid transparent; content: " "; pointer-events: none; position: absolute; right: 0; top: 0; width: 0; height: 0; z-index: 2; } 
.f360:after { letter-spacing: 1px; color: #fff; font-weight: 700; font-size: 14px; position: absolute; right: -.4rem; top: 1.3rem; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 2; content: "360 View"; }
.renderprod-name{height:46px;overflow:hidden;}
.j-&mvt:product:code; {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index:3!important;
}
.j-&mvt:product:code;:hover .arrow-box {
	display: block;
	z-index:3!important;
}
.infohover{
	width:20px; height:20px;
	position: absolute;
	z-index:4!important;
}

.quicklist-title{padding:5px 10px 0;border-top-left-radius:10px;border-top-right-radius:10px;margin-top:5px;color:#696969;font-family:Arial;font-size:28px;font-weight:700;text-decoration:none;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#eee),color-stop(100%,#ccc));background:-webkit-linear-gradient(top,#eee 0,#ccc 100%);background:-o-linear-gradient(top,#eee 0,#ccc 100%);background:-ms-linear-gradient(top,#eee 0,#ccc 100%);background:linear-gradient(to bottom,#eee 0,#ccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);border-top:solid 1px #696969;border-left:solid 1px #696969;border-right:solid 1px #696969}
.quicklist-title~p{margin-top:10px}
.inStock{display:block;overflow:hidden}
.inStock:before{border:solid transparent;border-top:75px solid #DA0519;border-left:75px solid transparent;border-right:0 solid transparent;content:" ";pointer-events:none;position:absolute;right:0;top:0;width:0;height:0;z-index:10}
.inStock:after{color:#fff;font-weight:700;font-size:14px;position:absolute;right:0;top:1.2rem;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:11;content:"In Stock"}
.Fship{position:absolute;width:100%;text-align:center;margin:auto;color:#0B208A;top:-20px}

.scroller{ height:600px; width:100%; overflow-y:scroll; }

/* =test for akamai refresh 08-25-15
   ----------------------------------------------------*/   
   
.spinme{position:relative; width:200px; height:220px; display:inline-block; }
.spinmeTop img{position:absolute; top:0;left:0; z-index:1; opacity:1;}
.spinmeTop img:hover{ z-index:1;opacity:0;}
.spinmeBottom{position:absolute; top:0;left:0; z-index:0;}


#OCST input[type="text"],#OCST select, #OSEL select, #OPAY input[type="text"],#OPAY select{margin-bottom:7px;}

#BASK .remove-btn{cursor: pointer;text-decoration: underline;}
#BASK .update-btn{float:right;margin-right:10px;}

#osel_ppal_div{    
	width: 177px;
    text-align: center;
    margin: 10px 0 0 55px;
}
#osel_ppal_div span{
	font-size: 15px;
    font-weight: bold;
    margin: 0 0 5px 0;
    display: block;
}

.button {
    background-color: #666;
    border: 1px solid #333;
    color: #ffffff;
    font-size: .9em;
    padding: 2px 6px;
    margin: 0;
    cursor: pointer;
    text-decoration: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .15);
}

.cta-button, a.cta-button {
    color: #fff !important;
    font-weight: bold;
    font-size: 16px;
    padding: 5px 12px 5px;
    border: 1px solid #81b035;
    text-decoration: none;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 2px 0 3px 0;
    background: #9bcc14;
    background: -moz-linear-gradient(top, #a8de14 0%, #9bcc14 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8de14), color-stop(100%,#9bcc14));
    background: -webkit-linear-gradient(top, #a8de14 0%,#9bcc14 100%);
    background: -o-linear-gradient(top, #a8de14 0%,#9bcc14 100%);
    background: -ms-linear-gradient(top, #a8de14 0%,#9bcc14 100%);
    background: linear-gradient(to bottom, #a8de14 0%,#9bcc14 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8de14', endColorstr='#9bcc14',GradientType=0 );
    text-shadow: 0 1px 3px #333;
    filter: dropshadow(color=#333, offx=0, offy=1);
    -webkit-box-shadow: 0 1px 3px 0 #999999;
    -moz-box-shadow: 0 1px 3px 0 #999999;
    box-shadow: 0 1px 3px 0 #999999;
}

.float-right{float:right;}