@charset "UTF-8";

code {
    /*color: #3e999f;*/
    color: #E47911;
}

.whiteback
{
background-color:#fff;
}

dfn {
    /*color: #3e999f;*/
    color: #000;
}

.hll {
    background-color: #d6d6d6;
}

.standout {
    color: #E47911;
}

.err {
    color: #c82829;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

[hidden] {
    display: none;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	height: 100%;
}

body {
    margin: 0;
}

a:focus {
    outline: thin dotted;
}

a:active, a:hover {
    outline: 0;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

b, strong {
    font-weight: bold;
}


hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code, kbd, pre, samp {
    font-family: BenchNine, Helvetica, sans-serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button, input {
    line-height: normal;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input[type="submit"]:hover{
	background: #4e5d75;
}
textarea {
    overflow: auto;
    vertical-align: top;
}

#mobiledealerdisplay{
	display:none;
	text-align:center;
	}
#mobileDlrDetail{
	display:none;
	}
#dlrHeaderName{
	display:block;
	visibility: visible;
	}

@-webkit-keyframes drop {
    from {
        margin-top: -300px;
    }

    to {
        margin-top: 0;
    }
}

@-moz-keyframes drop {
    from {
        margin-top: -300px;
    }

    to {
        margin-top: 0;
    }
}

@-o-keyframes drop {
    from {
        margin-top: -100px;
    }

    to {
        margin-top: 0;
    }
}

@keyframes drop {
    from {
        margin-top: -300px;
    }

    to {
        margin-top: 0;
    }
}

#masthead {
    -webkit-animation: drop 0.8s ease-in;
    -moz-animation: drop 0.8s ease-in;
    animation: drop 0.8s ease-in;
}

@-webkit-keyframes pop {
    from {
        -webkit-transform: scale(0);
    }

    80% {
        -webkit-transform: scale(0);
    }

    90% {
        -webkit-transform: scale(1.2);
    }

    to {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes pop {
    from {
        -moz-transform: scale(0);
    }

    80% {
        -moz-transform: scale(0);
    }

    90% {
        -moz-transform: scale(1.2);
    }

    to {
        -moz-transform: scale(1);
    }
}

@-o-keyframes pop {
    from {
        -o-transform: scale(0);
    }

    80% {
        -o-transform: scale(0);
    }

    90% {
        -o-transform: scale(1.2);
    }

    to {
        -o-transform: scale(1);
    }
}

@keyframes pop {
    from {
        transform: scale(0);
    }

    80% {
        transform: scale(0);
    }

    90% {
        transform: scale(1.2);
    }

    to {
        transform: scale(1);
    }
}

.menubutton, .avatarandtitle {
    -webkit-animation: pop 1.5s ease-in;
    -moz-animation: pop 1.5s ease-in;
    animation: pop 1.5s ease-in;
}

@media only screen and (max-width: 800px) {
    @-webkit-keyframes fromleft {
        from {
            -webkit-transform: translateX(-80%);
        }

        80% {
            -webkit-transform: translateX(5%);
        }

        90% {
            -webkit-transform: translateX(-5%);
        }

        to {
            -webkit-transform: translateX(0);
        }
    }

    @-moz-keyframes fromleft {
        from {
            -moz-transform: translateX(-80%);
        }

        80% {
            -moz-transform: translateX(5%);
        }

        90% {
            -moz-transform: translateX(-5%);
        }

        to {
            -moz-transform: translateX(0);
        }
    }

    @-o-keyframes fromleft {
        from {
            -o-transform: translateX(-80%);
        }

        80% {
            -o-transform: translateX(5%);
        }

        90% {
            -o-transform: translateX(-5%);
        }

        to {
            -o-transform: translateX(0);
        }
    }

    @keyframes fromleft {
        from {
            transform: translateX(-80%);
        }

        80% {
            transform: translateX(5%);
        }

        90% {
            transform: translateX(-5%);
        }

        to {
            transform: translateX(0);
        }
    }

    @-webkit-keyframes fromright {
        from {
            -webkit-transform: translateX(80%);
        }

        80% {
            -webkit-transform: translateX(-5%);
        }

        90% {
            -webkit-transform: translateX(5%);
        }

        to {
            -webkit-transform: translateX(0);
        }
    }

    @-moz-keyframes fromright {
        from {
            -moz-transform: translateX(80%);
        }

        80% {
            -moz-transform: translateX(-5%);
        }

        90% {
            -moz-transform: translateX(5%);
        }

        to {
            -moz-transform: translateX(0);
        }
    }

    @-o-keyframes fromright {
        from {
            -o-transform: translateX(80%);
        }

        80% {
            -o-transform: translateX(-5%);
        }

        90% {
            -o-transform: translateX(5%);
        }

        to {
            -o-transform: translateX(0);
        }
    }

    @keyframes fromright {
        from {
            transform: translateX(80%);
        }

        80% {
            transform: translateX(-5%);
        }

        90% {
            transform: translateX(5%);
        }

        to {
            transform: translateX(0);
        }
    }

    #masthead ul.open li:nth-of-type(odd) {
        -webkit-animation: fromleft 0.4s ease-in;
        -moz-animation: fromleft 0.4s ease-in;
        animation: fromleft 0.4s ease-in;
    }

    #masthead ul.open li:nth-of-type(even) {
        -webkit-animation: fromright 0.4s ease-in;
        -moz-animation: fromright 0.4s ease-in;
        animation: fromright 0.4s ease-in;
    }
	#mobiledealerdisplay{
		display:block;
		}
	#mobileDlrDetail{
		display:block;
		}
	#dlrHeaderName{
		display:none;
		}
		
	.hviewcart, .middlebarleft, .middlebarright {
	display:none;
	}
}

@media all and (max-width: 620px) {
	#finaldesc1{
		display:none;
		}

}

@media all and (max-width: 1000px) {
	#finaldesc1{
		display:none;
		}

}	

@media only screen and (min-width: 800px) {
    @-webkit-keyframes popfast {
        from {
            -webkit-transform: scale(0);
        }

        to {
            -webkit-transform: scale(1);
        }
    }

    @-moz-keyframes popfast {
        from {
            -moz-transform: scale(0);
        }

        to {
            -moz-transform: scale(1);
        }
    }

    @-o-keyframes popfast {
        from {
            -o-transform: scale(0);
        }

        to {
            -o-transform: scale(1);
        }
    }

    @keyframes popfast {
        from {
            transform: scale(0);
        }

        to {
            transform: scale(1);
        }
    }

    @-webkit-keyframes fromleft {
        from {
            -webkit-transform: translateX(-80%);
        }

        to {
            -webkit-transform: translateX(0);
        }
    }

    @-moz-keyframes fromleft {
        from {
            -moz-transform: translateX(-80%);
        }

        to {
            -moz-transform: translateX(0);
        }
    }

    @-o-keyframes fromleft {
        from {
            -o-transform: translateX(-80%);
        }

        to {
            -o-transform: translateX(0);
        }
    }

    @keyframes fromleft {
        from {
            transform: translateX(-80%);
        }

        to {
            transform: translateX(0);
        }
    }

    @-webkit-keyframes fromright {
        from {
            -webkit-transform: translateX(80%);
        }

        to {
            -webkit-transform: translateX(0);
        }
    }

    @-moz-keyframes fromright {
        from {
            -moz-transform: translateX(80%);
        }

        to {
            -moz-transform: translateX(0);
        }
    }

    @-o-keyframes fromright {
        from {
            -o-transform: translateX(80%);
        }

        to {
            -o-transform: translateX(0);
        }
    }

    @keyframes fromright {
        from {
            transform: translateX(80%);
        }

        to {
            transform: translateX(0);
        }
    }

    #masthead ul.open {
        -webkit-animation: popfast 0.6s ease-in;
        -moz-animation: popfast 0.6s ease-in;
        animation: popfast 0.6s ease-in;
    }

        #masthead ul.open li:nth-of-type(odd) {
            -webkit-animation: fromleft 0.6s ease-in;
            -moz-animation: fromleft 0.6s ease-in;
            animation: fromleft 0.6s ease-in;
        }

        #masthead ul.open li:nth-of-type(even) {
            -webkit-animation: fromright 0.6s ease-in;
            -moz-animation: fromright 0.6s ease-in;
            animation: fromright 0.6s ease-in;
        }
		
		#mobiledealerdisplay{
		display:none;
		}
		#mobileDlrDetail{
		display:none;
		}
	#dlrHeaderName{
		display:block;
		}
}

html {
    font-size: 62.5%;
}

body {
	font:400 1.375em/1.2em BenchNine, Helvetica, sans-serif;
    line-height: 1.8em;
    padding: 14% 0;
    background-size: 100px 100px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.posttitle, .linktitle, p[data-pullquote], h2, h3, h4, h5, h6,  .related h3, #pagenav {
    font-family: BenchNine, Helvetica, Sans-Serif;
}
#tagimg{
border-bottom: 0.3rem solid #dadada;
}
#tagimg:hover{
	border-bottom: 0.3rem solid #F95B13;
}
h1 {
    margin-bottom: 3rem !important;
    text-shadow: 0.15rem 0.15rem 0 #fbfbfb,0.35rem 0.35rem 0 #dadada;
    color: #000;
}

h2 {
    
    font-weight: normal;
    font-size: 3.0rem;
    line-height: 4.0rem;
}

    h2 a {
        text-decoration: none;
        color: #000;
        border-bottom: 0.3rem solid #dadada;
    }

        h2 a:hover {
			color: #000;
            border-bottom: 0.3rem solid #F95B13;
        }

        h2 a:visited {
            color: #000;
        }
        
h4 {
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 2.0rem;
}

    h4 a {
        text-decoration: none;
        color: #000;
        border-bottom: 0.3rem solid #dadada;
    }

        h4 a:hover {
			color: #000;
            border-bottom: 0.3rem solid #F95B13;
        }

        h4 a:visited {
            color: #000;
        }

		
h6 {
    font-weight: normal;
    font-size: 1.2rem;
    line-height: 2.0rem;
	/*text-transform:capitalize;*/
}

    h6 a {
        text-decoration: none;
        color: #000;
        border-bottom: 0.3rem solid #dadada;
    }

	h6 a:hover {
		color:#000;
		border-bottom: 0.3rem solid #F95B13;
	}

	h6 a:visited {
		color: #000;
	}
		
a {
    color: #000;
    -webkit-transition: color 0.1s ease-in-out 0s,border 0.1s ease-in-out;
    -moz-transition: color 0.1s ease-in-out 0s,border 0.1s ease-in-out;
    transition: color 0.1s ease-in-out 0s,border 0.1s ease-in-out;
}

    a:visited {
        color: #767676;
    }

    a:hover {
        color: #576882;
    }

img {
    max-width: 100%;
    height: auto;
}

blockquote {
    border-left: 0.3rem solid #dadada;
    margin-left: 0;
    padding-left: 2rem;
    margin-right: 0;
    
}
blockquote#bad {
    border-left: 0.3rem solid #ff0000;
    margin-left: 0;
    padding: 1rem;
    margin-right: 0;
    
}
blockquote#good {
    border-left: 0.3rem solid #008000;
    margin-left: 0;
    padding: 1rem;
    margin-right: 0;
    
}

figure img {
    border: 1px solid #f1f1f1;
    width: 100%;
    height: auto;
}

figure figcaption {
    font-size: 1.2rem;
    text-align: center;
    
    line-height: 1.4em;
}

hr {
    border: none;
    height: 1px;
    width: 30%;
    background: #dadada;
}

pre code {
    display: block;
    padding: 1rem 2rem;
    line-height: 1.6em;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

pre dfn {
    display: block;
    padding: 1rem 2rem;
    line-height: 1.6em;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

span li {
    border-left: 0.3rem solid #dadada;
    margin-left: 0;
    margin-right: 0;
    /*font-style: italic;*/
	color: #000;
	font-size: 100%;
	border: 1px solid #dadada;
}
p blockquote {
    border-left: 0.3rem solid #dadada;
    margin-left: 0;
    padding-left: 2rem;
    margin-right: 0;
    
	color: #000;
}

code {
    font-family: benchnine;
    font-size: 90%;
    background: #fff;
    border: 1px solid #dadada;
    padding: 2px 5px;
    border-radius: 3px;
}
dfn {
    font-family: benchnine;
    font-size: 80%;
    background: #fff;
    border: 1px solid #dadada;
    padding: 2px 5px;
    border-radius: 3px;
}

p code {
    line-height: 1rem;
}

small {
    font-size: 1.2rem;
    line-height: 1.6em;
}

p[data-pullquote] {
    display: none;
}

    p[data-pullquote]:before {
        content: attr(data-pullquote);
        float: right;
        text-align: center;
        width: 15rem;
        
        margin: 0 -10% 0.5em 30px;
        padding: 0;
        font-size: 2rem;
        color: #f46801;
    }

p.pull-left[data-pullquote]:before {
    float: left;
    margin: 0 30px 0.5em -5%;
}

#content {
    width: 90%;
    max-width: 50rem;
    margin: 0 auto;
	
}

#accessorieslist {
    text-align: center;
	background: #f0f0f0;
}

#posts {
    list-style: none;
    padding: 0;
}

    #posts li.post {
        margin: 0 0 4rem 0;
    }

        #posts li.post ul {
            list-style-type: disc;
        }

        #posts li.post:after {
            color: #fff;
            text-align: center;
            display: block;
            font-size: 5rem;
            margin-top: 2rem;
        }

        #posts li.post:nth-child(1n):after {
            content: '??';
        }

        #posts li.post:nth-child(2n):after {
            content: '?';
        }

        #posts li.post:nth-child(3n):after {
            content: '??';
        }

        #posts li.post:nth-child(4n):after {
            content: '??';
        }

        #posts li.post:nth-child(5n):after {
            content: '??';
        }

        #posts li.post:nth-child(6n):after {
            content: '??';
        }

        #posts li.post:nth-child(7n):after {
            content: '??';
        }

        #posts li.post:nth-child(8n):after {
            content: '??';
        }

        #posts li.post:nth-child(9n):after {
            content: '??';
        }

        #posts li.post:nth-child(10n):after {
            content: '??';
        }

        #posts li.post:nth-child(11n):after {
            content: '??';
        }

        #posts li.post:nth-child(12n):after {
            content: '??';
        }

        #posts li.post:nth-child(13n):after {
            content: '??';
        }

        #posts li.post:nth-child(14n):after {
            content: '??';
        }

.posttitle, .linktitle {
    text-align: center;
    font-weight: normal;
    margin-top: 1.5rem;
}

.posttitle {
    font-size: 4rem;
    line-height: 4rem;
}

    .posttitle a {
        text-decoration: none;
        color: #000;
        text-shadow: 0.15rem 0.15rem 0 #fbfbfb,0.35rem 0.35rem 0 #dadada;
        border: none;
    }

        .posttitle a:hover {
            color: blue;
            border: none;
        }

.linktitle {
    font-size: 2.8rem;
    line-height: 4.4rem;
    margin-bottom: 0 !important;
    text-align: left;
    text-shadow: none;
}

    .linktitle a {
        text-decoration: none;
        color: #000;
        border-bottom: 0.3rem solid #dadada;
    }

        .linktitle a:hover {
            border-bottom: 0.3rem solid #F95B13;
        }

    .linktitle .infin {
        border: none;
        color: #dadada;
        font-family: sans-serif;
        font-style: normal;
        position: relative;
        top: 0;
    }

        .linktitle .infin:hover {
            border: none;
            color: blue;
        }

.searchentry {
    text-align: center;
    color: #000;
    font-size: 1.0rem;
	line-height: 3.0rem;
}		
		
.date {
    text-align: center;
    color: #999;
    font-size: 1.5rem;
    margin-top: -3rem;
}
.addressline {
    text-align: center;
    color: #999;
    font-size: 1.2rem;
	line-height:1.2rem;
}
.addresslinehead {
	
    text-align: center;
    color: #999;
    font-size: 1.3rem;
	font-family:inherit;
}
.addresslinevalue {
	
    text-align: center;
    color: #E47911;
    font-size: 1.5rem;
	font-family:inherit;
}


.pagination {
    text-align: center;
    
}

    .pagination a {
        text-decoration: none;
        color: #000;
    }

        .pagination a:hover {
            color: blue;
        }

    .pagination .newer {
        float: left;
        font-style: normal;
    }

    .pagination span.newer {
        color: #dadada;
    }

    .pagination .older {
        float: right;
        font-style: normal;
    }

    .pagination span.older {
        color: #dadada;
    }

.about h1 {
    display: none;
}


#infscr-loading {
    text-align: center;
}

.comments {
    margin-top: 2rem;
    text-align: center;
    font-size: 16px;
    line-height: 1.2em;
    border: 1px solid #dadada;
    background: #fff;
    border-radius: 3px;
    padding: 2rem;
}

    .comments span {
        display: block;
    }

    .comments p {
        margin-top: 0;
    }
	
.checkoutHeadFoot {
    margin-top: 4rem;
    text-align: left;
    font-size: 100%;
    line-height: 1.2em;
    border: 1px solid #dadada;
    background: #fff;
    border-radius: 3px;
    padding: 2rem;
}

    .checkoutHeadFoot span {
        display: block;
    }

    .checkoutHeadFoot p {
        margin-top: 0;
    }
	
	
.linkmeta {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0;
}

    .linkmeta a {
        text-decoration: none;
        color: #999;
    }

.draftslist {
    text-align: center;
}

.accessoriesDetail{
    margin-top: 0.5rem;
    text-align: left;
}

.accessoriesDetail p {
        font-size: 14px;
        line-height: 1.6em;
    }
.accessoriesDetail h2 {
	margin-top: 0;
	font-weight: normal;
	font-size: 2rem;
	line-height: 1.2em;
	margin-bottom: 0;
	
	text-align: center;
}

.accessoriesDetail h3 {
	margin: 1rem 0;
	
	font-weight: normal;
	font-size: 20px;
	line-height: 1.2em;
}	
	

.relatedAccessories{
    margin-top: 2rem;
    text-align: center;
}

    .relatedAccessories p {
        font-size: 14px;
        line-height: 1.6em;
    }

    .relatedAccessories ul {
        list-style: none;
        padding: 0;
    }

    .relatedAccessories li {
        line-height: 1.2em;
        margin: 1.5em 0;
        text-align: center;
    }

    .relatedAccessories a {
        text-decoration: none;
        color: #333;
    }

        .relatedAccessories a:hover {
            color: #000;
        }
		
   .relatedAccessories h2 {
        margin-top: 0;
        font-weight: normal;
        font-size: 2rem;
        line-height: 1.2em;
        margin-bottom: 0;
        text-align: center;
    }

    .relatedAccessories h3 {
        margin: 1rem 0;
        font-weight: normal;
        font-size: 20px;
        line-height: 1.2em;
    }

.related {
    margin-top: 2rem;
    text-align: center;
}

    .related p {
        font-size: 14px;
        line-height: 1.6em;
    }

    .related ul {
        list-style: none;
        padding: 10;
    }

    .related li {
        line-height: 1.2em;
        margin: 1.5em 0;
        text-align: center;
    }

    .related a {
        text-decoration: none;
        color: #333;
    }

        .related a:hover {
            color: #000;
        }

    .related h2 {
        margin-top: 0;
        font-weight: normal;
        font-size: 2rem;
        line-height: 1.2em;
        margin-bottom: 0;
        text-align: center;
    }

    .related h3 {
        margin: 1rem 0;
        font-weight: normal;
        font-size: 20px;
        line-height: 1.2em;
		
    }

	.hviewcart {
    margin-top: 2rem;
}

    .hviewcart p {
        font-size: 14px;
        line-height: 1.6em;
    }

    .hviewcart ul {
        list-style: none;
        padding: 0;
    }

    .hviewcart li {
        line-height: 1.2em;
        margin: 1.5em 0;
    }

    .hviewcart h3 {
        margin: 1rem 0;
        
        font-weight: normal;
        font-size: 20px;
        line-height: 1.2em;
		
    }
	
	.vviewcart {
    margin-top: 2rem;
    text-align: left;
	vertical-align:top;
	 
}

    .vviewcart p {
        font-size: 14px;
        line-height: 1.6em;
    }

    .vviewcart ul {
        list-style: none;
        padding: 0;
    }

    .vviewcart li {
        line-height: 1.2em;
        margin: 1.5em 0;
        text-align: left;
		border: 1px solid #dadada;
		padding: 10px;
    }

    .vviewcart h3 {
        margin: 1rem 0;
        
        font-weight: normal;
        font-size: 20px;
        line-height: 1.2em;
		
    }

#searchlistcontainer input {
    border-radius: 1000px;
    border: 1px solid #dadada;
    padding: 8px 20px;
    position: relative;
    top: -0.5rem;
    margin-bottom: 0.5rem;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	font-family:BenchNine, Helvetica, Sans-Serif;
}

    #searchlistcontainer input:focus {
        border-color: #dadada;
        outline: none;
    }

    #searchlistcontainer input::-webkit-input-placeholder {
        color: #dadada;
    }

    #searchlistcontainer input:-moz-placeholder {
        color: #dadada;
    }

    #searchlistcontainer input::-moz-placeholder {
        color: #dadada;
    }

    #searchlistcontainer input:-ms-input-placeholder {
        color: #dadada;
    }

.about p:first-of-type {
    margin-top: 50px;
}
.img-circle{border-radius:50%;}

@media only screen and (min-width: 620px) {
    ul, ol {
        padding-left: 0;
    }

    .posttitle, .about p:first-of-type, .videowrapper {
        margin-left: -8%;
        width: 116%;
    }
	
	figure {
        margin-left: -8%;
        width: 50%;
    }

    .posttitle {
        font-size: 7.0rem;
        line-height: 7rem;
    }

    .sitetitle {
        margin-right: 20px;
    }

    .about p:first-of-type {
        font-size: 4rem;
        line-height: 4rem;
        
        text-align: center;
    }

    blockquote {
        margin-left: -2.3rem;
    }

    .related li {
        width: 43%;
        display: inline-block;
        vertical-align: top;
        margin: 2% 3%;
    }
	.relatedHistory li {
        width: 45%;
        display: inline-block;
        vertical-align: top;
    }
	.middlebar li {
        width: 50%;
        display: inline-block;
        vertical-align: top;
    }

    .comments span {
        display: inline;
    }

}

@media only screen and (min-width: 760px) {
    html {
        font-size: 75%;
    }
}

@media only screen and (min-width: 850px) {
    html {
        font-size: 85%;
    }

    body {
        padding: 10% 0;
    }

   
    #content {
        width: 50rem;
        max-width: auto;
    }

    .ico-link:before {
        margin-left: -3rem;
    }

    .posttitle, .about p:first-of-type, .videowrapper {
        margin-left: -10%;
        width: 120%;
    }
	figure {
	    margin-left: 5%;
        width: 100%;
	}

    p[data-pullquote] {
        display: block;
    }
}

@media all and (max-width: 1000px) and (min-width: 200px) {
  
	.vviewcart  {
		display:block;
	}

	.vviewcart li {
        width: 80%;
        display: inline-block;
        vertical-align: top;
        margin: 2% 20%;
    }
	.hviewcart {
        display:none;
    }

	.related h4, blockquote {
	font-size:75%;
	}
	
	#illustrationimage {
		display:none;
	}
	#placeholder{
		display:none;
	}
	#hidediagram{
		display:none;
	}
	#printcatalog{
		display:none;
	}
	#viewdiagram{
		display:block;
	}
	#largediagram{
		display:none;
	}
}

@media all and (min-width: 1001px) {
	.hviewcart {
        display:block;
    }
	.hviewcart li {
        width: 28%;
        display: inline-block;
        vertical-align: top;
        margin: 2% 2%;
	}
	.vviewcart {
        display:none;
    }
	#viewdiagram{
		display:none;
	}

}

@media only screen and (min-width: 1250px) {
    #content {
        width: 50rem;
        max-width: auto;
    }

    .posttitle, .about p:first-of-type, .videowrapper {
        margin-left: -23%;
        width: 146%;
    }

    .related li {
        width: 18%;
        display: inline-block;
        vertical-align: top;
        margin: 2% 2%;
    }
	.relatedAccessories li {
        width: 80%;
        display: inline-block;
        vertical-align: top;
        margin: 2% 2%;
    }
	.relatedfoot li {
        width: 15%;
        display: inline-block;
        vertical-align: top;
        margin: 2% 2%;
    }
	
}


@media only screen and (min-width: 2100px) {
    html {
        font-size: 100%;
    }
}


.footnoteContent {
	/*background: #000;*/
	background: rgba(0, 0, 0, .9);
	/*background: rgba(192,192,192, .9);*/
	color: #d6d6d6;
	display: none;
	max-height: 100%;
	-webkit-overflow-scrolling: touch;
	padding: 0 20px 20px 20px;
	margin: 0;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	font-size: 18px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: auto;
	font-family: BenchNine, Helvetica, Sans-Serif;
	padding-top: 70px;
}

.closeFootnote {
	text-align: right;
	display: block;
	border-bottom: 1px solid #333;
	font-size: 15px;
	font-family: sans-serif;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	
}


a.closeFootnote  {
	text-decoration: none;
	color: #d6d6d6;
	font-weight:bold;
}

	
.navbar-nav {
    margin: -55px 25px;
}

    .navbar-nav > li {
        padding-bottom: 0px;
        line-height: 10px;
		list-style-type:none;
		vertical-align:top;
		padding-right:50px;
    }


@media (min-width:768px) {
    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
    }
}

@media (min-width:768px) {
          .navbar-form.navbar-right:last-child {
            margin-right: -15px;
        }
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
    }

        .navbar-text.navbar-right:last-child {
            margin-right: 0;
        }
}



/* water mark*/
.watermark {
	color: #c4c4c4 !important;
	/*font-style: italic*/
}
.watermark2 {
	color: #b0b1b1 !important;
	/* font-style: italic !important; */
}
.watermark3 {
	color: #b0b1b1 !important;
}
.price,.tinyprice{
color:#900;
}
.txtstrong
{
	font-weight: bold;
}
.warn
{
	color: #FF0000;
}
#requirelist{
	width: 100%;
	text-align: center;
	display: block;
	border: 1px solid #d6d6d6;
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
	padding: 10px;
}

#partslist{
	width: 90%;
	color: #000;
	text-decoration: none;
	padding: 10px;
}

.carthead { 
		background: #333; 
		color: white; 
		font-weight: bold; 
		text-align:center;
	}	
.cartdetails { 
		background: #fff; 
		color: #000; 
		font-weight: normal; 
		
	}	
.cartdescription {
	text-align:left;
}
.cartother{
text-align:center;
}
.cartextprice{
text-align:right;
}
.cartdetailfont{
	font-size: 85%;
	
}
	/*
	Generic Styling, for Desktops/Laptops 
	*/
	/*	
	table { 
		width: 100%; 
		border-collapse: collapse; 
	}

	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	th { 
		background: #333; 
		color: white; 
		font-weight: bold; 
	}
	th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
		font-size:80%;
	}	
	td { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: center; 
		font-size:50%;
	}	
	.pure-button{display:inline-block;*display:inline;zoom:1;line-height:normal;white-space:nowrap;vertical-align:baseline;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
	.pure-button::-moz-focus-inner{padding:0;border:0}
	.pure-button{font-family:inherit;font-size:150%;*font-size:90%;*overflow:visible;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);*color:#444;border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#E6E6E6;text-decoration:none;border-radius:2px}
	.pure-button-hover,.pure-button:hover,.pure-button:focus{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}
	.pure-button:focus{outline:0}
	.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset}
	.pure-button::-moz-focus-inner{padding:0;border:0}
	*/
	.pure-button{font-size:120%;display:inline-block;*display:inline;zoom:1;line-height:normal;white-space:nowrap;vertical-align:baseline;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family: BenchNine, Helvetica, Sans-Serif;}
	.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{font-size:120%;background-color:#576882;color:#fff;font-family: BenchNine, Helvetica, Sans-Serif;}
	
#AccessoryDetailContainer input {
    border-radius: 5px;
    border: 1px solid #dadada;
    padding: 5px;
    position: relative;
    top: -0.5rem;
    margin-bottom: 3rem;
    width: 60%;

}

.rmm {
	display:block;
	position:relative;
	width:100%;
	padding:0px;
	margin:0 auto !important;
	text-align: center;
	line-height:19px !important;
	font-size:90%;
	font-family:BenchNine, Helvetica, Sans-Serif;
}
.rmm * {
	-webkit-tap-highlight-color:transparent !important;
	font-family:BenchNine, Helvetica, Sans-Serif;
}
.rmm a {
	color:#ebebeb;
	text-decoration:none;
}

.rmm .rmm-main-list, .rmm .rmm-main-list li {
	margin:0px;
	padding:0px;
}
.rmm ul {
	display:block;
	width:auto !important;
	margin:0 auto !important;
	overflow:hidden;
	list-style:none;
}


/* sublevel menu - in construction */
.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {
	display:none !important;
	height:0px !important;
	width:0px !important;
}
/* */


.rmm .rmm-main-list li {
	display:inline;
	padding:padding:0px;
	margin:0px !important;
}
.rmm-toggled {
	display:none;
	width:100%;
	position:relative;
	overflow:hidden;
	margin:0 auto !important;
}
.rmm-button:hover {
	cursor:pointer;
}
.rmm .rmm-toggled ul {
	display:none;
	margin:0px !important;
	padding:0px !important;
}
.rmm .rmm-toggled ul li {
	display:block;
	margin:0 auto !important;
}




/* GRAPHITE STYLE */

.rmm.graphite .rmm-main-list li  label{
	display:inline-block;
	padding:8px 30px 8px 30px;
	margin:0px -3px 0px -3px;
	font-size:15px;
	/*text-shadow:1px 1px 1px #333333;*/
	background-color:#d6d6d6;
	border-left:1px solid #555555;
	background-repeat:repeat-x;
	color:#000;
}

.rmm.graphite .rmm-main-list li a {
	display:inline-block;
	padding:8px 30px 8px 30px;
	margin:0px -3px 0px -3px;
	font-size:15px;
	text-shadow:1px 1px 1px #333333;
	background-color:#444444;
	border-left:1px solid #555555;
	background-repeat:repeat-x;
	text-transform:capitalize;
}
.rmm.graphite .rmm-main-list li a:hover {
	background-color:#000;
}
.rmm.graphite .rmm-main-list li:first-child a {
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.rmm.graphite .rmm-main-list li:last-child a {
	-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.rmm.graphite .rmm-toggled {
	width:95%;
	background-color:#555555;
	min-height:36px;
	border-radius:6px;
}
.rmm.graphite .rmm-toggled-controls {
	display:block;
	height:36px;
	color:white;
	text-align:left;
	position:relative;
	background-repeat:repeat-x;
	border-radius:6px;
}
.rmm.graphite .rmm-toggled-title {
	position:relative;
	top:9px;
	left:15px;
	font-size:16px;
	color:white;
	text-shadow:1px 1px 1px black;
}
.rmm.graphite .rmm-button {
	display:block;
	position:absolute;
	right:15px;
	top:8px;
}

.rmm.graphite .rmm-button span {
	display:block;
	margin-top:4px;
	height:2px;
	background:white;
	width:24px;
}
.rmm.graphite .rmm-toggled ul li label{
	display:block;
	width:100%;
	background-color:#d6d6d6;
	text-align:center;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #333333;
	border-top:1px solid #777777;
	text-shadow:1px 1px 1px #333333;
	color: #000;
}
.rmm.graphite .rmm-toggled ul li a {
	display:block;
	width:100%;
	background-color:#555555;
	text-align:center;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #333333;
	border-top:1px solid #777777;
	text-shadow:1px 1px 1px #333333;
}
.rmm.graphite .rmm-toggled ul li a:active {
	background-color:#444444;
	border-bottom:1px solid #444444;
	border-top:1px solid #444444;
}
.rmm.graphite .rmm-toggled ul li a:hover {
	background-color:#000;
}

.cart {
  margin: 25px auto;
  width: 200px;
  overflow: hidden;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.6);
  background: #525252;
  border: 1px solid #202020;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  font: inherit;
}

.cart-top {
  position: relative;
 
  height: 24px;
  line-height: 24px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #eee;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
  background: #404040;
  border-bottom: 1px solid #222;
  border-radius: 2px 2px 0 0;
  -webkit-font-smoothing: antialiased;
  background-image: -webkit-linear-gradient(top, #525252, #3d3d3d 80%, #383838);
  background-image: -moz-linear-gradient(top, #525252, #3d3d3d 80%, #383838);
  background-image: -o-linear-gradient(top, #525252, #3d3d3d 80%, #383838);
  background-image: linear-gradient(to bottom, #525252, #3d3d3d 80%, #383838);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.25);
}

.cart-top-title {
  float: left;
}

.cart-top-info {
  float: right;
}

footer {
color: #666;
background: #fff;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

	#foot {
    font-weight: normal;
    font-size: 1.2rem;
    line-height: 1.0rem;
}

    #foot a {
        text-decoration: none;
        color: #000;
        border-bottom: 0.2rem solid #dadada;
    }

	#foot a:hover {
		border-bottom: 0.2rem solid #F95B13;
	}

	#foot a:visited {
		color: #000;
	}		
	   
.relatedfoot {
    margin-top: 2rem;
    text-align: center;
}

    .relatedfoot p {
        font-size: 14px;
        line-height: 1.6em;
    }

    .relatedfoot ul {
        list-style: none;
        padding: 0;
    }

    .relatedfoot li {
        line-height: 1.2em;
        margin: 1.5em 0;
        text-align: center;
    }

    .relatedfoot a {
        text-decoration: none;
        color: #333;
    }

	.relatedfoot a:hover {
		color: blue;
	}
 .view-maps {
        position: relative;
        padding-bottom: 60%;
        height: 0;
        overflow: hidden;
      }
  .view-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
  }      
 
 /* For jquerytools tabs*/
 
/* root element for tabs  */
ul.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    border-bottom:1px solid #666;
    height:30px;
}

/* single tab */
ul.tabs li {
    float:left;
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
    background: url(https://estore.honda.com/media/img/tabs/blue.png) no-repeat -420px 0;
    font-size:11px;
    display:block;
    height: 30px;
    line-height:30px;
    width: 134px;
    text-align:center;
    text-decoration:none;
    color:#333;
    padding:0px;
    margin:0px;
    position:relative;
    top:1px;
}

ul.tabs a:active {
    outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
    background-position: -420px -31px;
    color:#fff;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-position: -420px -62px;
    cursor:default !important;
    color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover { background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover { background-position: -248px -31px; }
ul.tabs a.l.current { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */
.panes .pane {
    display:none;
}
/* tab pane styling */
.panes div {
    display:none;
    padding:15px 10px;
    border:1px solid #999;
    border-top:0;
    height:auto;
    font-size:14px;
    background-color:#fff;
}
/* end jquerytools tab */

.back-to-top {
	position: fixed;
	bottom: 2em;
	right: 0px;
	text-decoration: none;
	color: #fff;
	background-color: #f95b13;
	font-size: 12px;
	padding: 0.5em;
	display: none;
}

.back-to-top:hover {	
	background-color: #c7480f;
	color: #fff;
}	
.highlight
{
	background: #91B9E7;
	opacity: .9;
	-ms-filter: “alpha(opacity=90)”;
	filter: alpha(opacity=90);
	-khtml-opacity: .90;
	-moz-opacity: .90;
}
.unhighlight
{
	background: #ffffff;
	opacity: .9;
	-ms-filter: “alpha(opacity=100)”;
	filter: alpha(opacity=100);
	-khtml-opacity: .90;
	-moz-opacity: .90;
}
#dlrHeaderName {
        text-decoration: none;
		font-size: 1.5em;
		line-height: 1.8em;
        color: #000;
		font-family:inherit;
		/*font-style:italic;*/
    }
 #dlrHeaderName a {
        text-decoration: none;
        color: #000;
        border-bottom: 0.3rem solid #dadada;
		font-family:inherit;
		/*font-style:italic;*/
    }

	 #dlrHeaderName a:hover {
		border-bottom: 0.3rem solid #F95B13;
	}

	 #dlrHeaderName a:visited {
		color: #000;
	}
	 #scart a {
        text-decoration: none;
        color: #fff;
        border-bottom: 0.1rem solid #dadada;
		font-family:inherit;
    }

	 #scart a:hover {
		color: #d6d6d6;
		border-bottom: 0.1rem solid #F95B13;
	}

	 #scart a:visited {
		color: #fff;
	}
	#login-form label.error {
		font-family: BenchNine, Helvetica, Sans-Serif;
		font-size: 0.9em;
		color: #ff0000;
		position: relative;
		bottom:0.2rem;
		text-align:center;
		white-space:nowrap;
	}
	#billform label.error {
		font-family: BenchNine, Helvetica, Sans-Serif;
		font-size: 0.9em;
		color: #ff0000;
		position: relative;
		bottom:0.2rem;
		text-align:center;
		white-space:nowrap;
	}
	#shipform label.error {
		font-family: BenchNine, Helvetica, Sans-Serif;
		font-size: 0.9em;
		color: #ff0000;
		position: relative;
		bottom:0.2rem;
		text-align:center;
		white-space:nowrap;
	}
	#updateform label.error {
		font-family: BenchNine, Helvetica, Sans-Serif;
		font-size: 0.9em;
		color: #ff0000;
		position: relative;
		bottom:0.2rem;
		text-align:center;
		white-space:nowrap;
	}
	
		#paymentform label.error {
		font-family: BenchNine, Helvetica, Sans-Serif;
		font-size: 0.9em;
		color: #ff0000;
		position: relative;
		bottom:0.2rem;
		text-align:center;
		white-space:nowrap;
	}
	
	#frm1 label.error
	{
		font-family: BenchNine, Helvetica, Sans-Serif;
		font-size: 0.9em;
		color: #ff0000;
		position: relative;
		bottom:0.5rem;
		text-align:center;
	}
	#frm2 label.error
	{
		font-family: BenchNine, Helvetica, Sans-Serif;
		font-size: 0.9em;
		color: #ff0000;
		position: relative;
		bottom:0.5rem;
		text-align:center;
	}
	#creditcardform  label.error {
		font-family: BenchNine, Helvetica, Sans-Serif;
		font-size: 0.9em;
		color: #ff0000;
		position: relative;
		bottom:0.2rem;
		text-align:center;
		white-space:nowrap;
	}
	#hcreditcardform  label.error {
		font-family: BenchNine, Helvetica, Sans-Serif;
		font-size: 0.9em;
		color: #ff0000;
		position: relative;
		bottom:0.2rem;
		text-align:center;
		white-space:nowrap;
	}
	
	

#wrapper {
	/* Center wrapper perfectly */
	width: 100%;
	height: 40%;
}

.gradient {
	/* Center Positioning */

	position: absolute;
	left: 40%;
	top: 50%;
	margin-left: -300px;
	margin-top: -300px;
	z-index: -2;
	
	/* Fallback */ 
	background-repeat: no-repeat; 
	
	/* CSS3 Gradient */
	background-image: -webkit-gradient(radial, 0% 0%, 0% 100%, from(rgba(213,246,255,1)), to(rgba(213,246,255,0)));
	background-image: -webkit-radial-gradient(50% 50%, 40% 40%, rgba(213,246,255,1), rgba(213,246,255,0));
	background-image: -moz-radial-gradient(50% 50%, 50% 50%, rgba(213,246,255,1), rgba(213,246,255,0));
	background-image: -ms-radial-gradient(50% 50%, 50% 50%, rgba(213,246,255,1), rgba(213,246,255,0));
	background-image: -o-radial-gradient(50% 50%, 50% 50%, rgba(213,246,255,1), rgba(213,246,255,0));
}

/*******************
LOGIN FORM
*******************/

.login-form {
	width: 250px;
	margin: 0 auto;
	position: relative;
	background: #e5ecf5;
	border: 1px solid #fff;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
/*******************
HEADER
*******************/

.login-form .header {
	padding: 4px 3px 25px 3px;
	text-align:center;
	
}

.login-form .header h1 {
	font-family: BenchNine, Helvetica, Sans-Serif;
	font-weight: 300;
	font-size: 28px;
	color: #414848;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
	margin-bottom: 10px;
}

.login-form .header span {
    font-size: 1.5rem;
    line-height: 2.0rem;
	color: #000;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
}

/*******************
CONTENT
*******************/

.login-form .content {
	padding: 0 30px 25px 30px;
}

/* Input field */
.login-form .content .input {
	width: 188px;
	padding: 15px 25px;
	font-family: BenchNine, Helvetica, Sans-Serif;
	font-weight: 400;
	font-size: 120%;
	color: #1f1f1f;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
	background: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}

/* Second input field */
.login-form .content .spaceup {
	margin-top: 10px;
}

.login-form .content .input:hover {
	background: #dfe9ec;
	color: #414848;
}

.login-form .content .input:focus {
	background: #dfe9ec;
	color: #414848;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
}

.user-icon, .pass-icon {
	width: 46px;
	height: 47px;
	display: block;
	position: absolute;
	left: 0px;
	padding-right: 2px;
	z-index: -1;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.user-icon {
	top:30px; /* Positioning fix for slide-in, got lazy to think up of simpler method. */
	/*background: rgba(65,72,72,0.75) url(../../../../images/user-icon.png) no-repeat center;	*/
}

.pass-icon {
	top:75px;
	/*background: rgba(65,72,72,0.75) url(../../../../images/pass-icon.png) no-repeat center;*/
}

.content input:focus + div{
	left: -46px;
}

/* Animation */
.input, .user-icon, .pass-icon, .button, .register {
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}

/*******************
FOOTER
*******************/

.login-form .footer {
	padding: 25px 30px 40px 30px;
	overflow: auto;
	background: #d4dedf;
	border-top: 1px solid #fff;
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
}

/* Login button */
.login-form .footer .button {
	float:right;
	padding: 11px 11px;
	font-family: BenchNine, Helvetica, Sans-Serif;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: #576882; 
	border: 1px solid #fff;
	border-radius: 5px;
	cursor: pointer;	
	box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
}

.login-form .footer .button:hover {
	background: #455368;
	border: 1px solid rgba(256,256,256,0.75);
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}

.login-form .footer .button:focus {
	position: relative;
	bottom: -1px;
	background: #576882;
	box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
}

/* Register button */
.login-form .footer .register {
	display: block;
	float: right;
	padding: 10px;
	margin-right: 20px;
	background: none;
	border: none;
	cursor: pointer;
	font-family: BenchNine, Helvetica, Sans-Serif;
	font-weight: 300;
	font-size: 120%;
	color: #576882;
	text-shadow: 0px 1px 0 rgba(256,256,256,0.5);
}

.login-form .footer .register:hover {
	color: #455368;
}

.login-form .footer .register:focus {
	position: relative;
	bottom: -1px;
}
div.errcontainer {
	background-color: #eee;
	margin: 5px;
	padding: 5px;
}
div.errcontainer ol li {
	list-style-type: none;
	margin-left: 20px;
}
div.errcontainer { display: none }
.errcontainer label.error {
	display: inline;
}

.creditcardform .input {
	width: 188px;
	padding: 15px 25px;
	
	font-family: BenchNine, Helvetica, Sans-Serif;
	font-weight: 400;
	font-size: 14px;
	color: #1f1f1f;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
	
	background: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}
.creditcardform  .input:hover {
	background: #dfe9ec;
	color: #414848;
}

.creditcardform  .input:focus {
	background: #dfe9ec;
	color: #414848;
	
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
}
.creditcardform  .button {
	float:right;
	padding: 11px 11px;
	font-style:Italic;
	font-family: BenchNine, Helvetica, Sans-Serif;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	
	background: #02479b;
	border: 1px solid #fff;
	border-radius: 5px;
	cursor: pointer;
	
	box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
}
.creditcardform  .button:hover {
	background: #01387c;
	border: 1px solid rgba(256,256,256,0.75);
	
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}

.creditcardform .button:focus {
	position: relative;
	bottom: -1px;
	
	background: #02479b;
	
	box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
}

/* horizontal */

.hcreditcardform .input {
	width: 188px;
	padding: 15px 25px;
	
	font-family: BenchNine, Helvetica, Sans-Serif;
	font-weight: 400;
	font-size: 14px;
	color: #1f1f1f;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
	
	background: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}
.hcreditcardform  .input:hover {
	background: #dfe9ec;
	color: #414848;
}

.hcreditcardform  .input:focus {
	background: #dfe9ec;
	color: #414848;
	
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
}
.hcreditcardform  .button {
	float:right;
	padding: 11px 11px;
	font-style:Italic;
	font-family: BenchNine, Helvetica, Sans-Serif;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	
	background: #02479b;
	border: 1px solid #fff;
	border-radius: 5px;
	cursor: pointer;
	
	box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
}
.hcreditcardform  .button:hover {
	background: #01387c;
	border: 1px solid rgba(256,256,256,0.75);
	
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}

.hcreditcardform .button:focus {
	position: relative;
	bottom: -1px;
	
	background: #02479b;
	
	box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
}

#payment {
    
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 2.0rem;
}

#payment a {
	text-decoration: none;
	color: #000;
	border-bottom: 0.3rem solid #dadada;
}

#payment a:hover {
		color: #000;
		border-bottom: 0.3rem solid #F95B13;
	}

#payment a:visited {
		color: #000;
	}
.checkout {
	width: 200px;
	margin: 0 auto;
	position: relative;
	
	background: #e5ecf5;
	border: 1px solid #fff;
	border-radius: 5px;
	
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.checkout .content {
	padding: 20px 10px 20px 10px;
}

#totalstext{
color:#E47911;
font-size: 1.2rem; 
}
#ordertotalstext{
color:#E47911;
font-size: 1.3rem; 
font-weight:bold;
}
#totalsprice{
color:#900;
font-size: 1.2rem; 
}
#ordertotalsprice{
color:#900;
font-size: 1.3rem; 
font-weight:bold;
}
::-webkit-scrollbar {
width: 13px;
height:13px;
}
.left-menu {
    
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 2.2rem;
	text-transform:capitalize;
}
.left-diy-manual {
    
    font-weight: normal;
    font-size: 1.2rem;
    line-height: 2.0rem;
	text-transform:capitalize;
	padding-left: 10px;
}

span#submenu {
    
    font-weight: normal;
    font-size: 1.2rem;
    line-height: 2.0rem;
	text-transform:uppercase;
}

    span#submenu a {
        text-decoration: none;
        color: #000;
        border-bottom: 0.3rem solid #dadada;
    }

	span#submenu a:hover {
		color:#000;
		border-bottom: 0.3rem solid #F95B13;
	}

	span#submenu a:visited {
		color: #000;
	}
	
#partlistsmall
{
    
    font-weight: normal;
    font-size: 100%;
}
#printdealer
{
    font-weight: normal;
    font-size: 1.1rem;
}
#dealername{
    
    font-weight: bold;
    font-size: 1.2rem;
}
.uniquecolor
{
color: #E47911;
}
.txtUpper
{
text-transform: uppercase;
}
.txtLower
{
text-transform: lowercase;
}
.innerborder
{
background-color:#fff;
border:1px solid #aeaeae;
padding: 2px;
}
.middlebarleft  {
    margin-top: 0.1rem;
	margin-bottom: 0.1rem;
    text-align: center;
	position:absolute; 
	width:150px; 
	float:left;
	font-size: 75%;
}

.middlebarleft a {
	text-decoration: none;
	color: #333;
	border-bottom: 0.1rem solid #F95B13;
}

.middlebarleft a:hover {
	color: #000;
}

.middlebarright  {
    margin-top: 0.1rem;
	margin-bottom: 0.1rem;
    text-align: center;
	position:relative; 
	width:150px; 
	top:-35px;
	left:532px;
	font-size: 75%;
}

.middlebarright a {
	text-decoration: none;
	color: #333;
	border-bottom: 0.1rem solid #F95B13;
}

.middlebarright a:hover {
	color: #000;
}
.browser-warning {
    position:relative;
    width:100%;
    top:0px;
    left:0px;
    border-bottom:1px solid #A29330;
    background:#FDF2AB no-repeat 1em 0.55em;
    text-align:left;
    cursor:pointer;
    font-family: Arial,Helvetica,sans-serif; color:#000;
    font-size: 12px;
}
.browser-warning div {
    padding:5px 36px 5px 40px;
}

.relatedHistory {
    text-align: center;
}

.relatedHistory ul {
list-style: none;
}

.relatedHistory li {
line-height: 1.5em;
margin: 0.5em 0;
text-align: center;
}
/*
.relatedHistory a {
        text-decoration: none;
        color: #000;
        border-bottom: 0.3rem solid #dadada;
		font-family: BenchNine, Helvetica, Sans-Serif;
    }

.relatedHistory a:hover {
		color:#000;
		border-bottom: 0.3rem solid #F95B13;
	}

.relatedHistory a:visited {
		color: #000;
	}
	*/
.commonlink a {
        text-decoration: none;
		font-size:100%;
        color: #000;
        border-bottom: 0.3rem solid #dadada;
		font-family: BenchNine, Helvetica, Sans-Serif;
    }

.commonlink a:hover {
		color:#000;
		border-bottom: 0.3rem solid #F95B13;
	}

.commonlink a:visited {
		color: #000;
	}
.boxhead
{
    color: #E47911;
    font-size: 100%;
    background: #fff;
    border: 1px solid #dadada;
    padding: 15px;
    border-radius: 3px;
}
.smallhead
{
    color: #E47911;
    font-size: 125%;
    background: #fff;
    padding: 7px 7px;
    border-radius: 3px;
}
.historyview {
    margin-top: 2rem;
    text-align: center;
    font-size: 16px;
    line-height: 1.2em;
    border: 1px solid #dadada;
    background: #fff;
    border-radius: 1px;
    padding: 0.5rem;
	font-family: BenchNine, Helvetica, Sans-Serif;
}

.delOne {
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  text-decoration: none;
}
.delOne:hover {
  color: #000000;
  text-decoration: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: pointer;
}
.greynote
{
	font-family: BenchNine, Helvetica, Sans-Serif;
	color:#cccccc;
	text-decoration: none;
}
.notey {
    position:relative;
    width:100%;
	border: 1px solid #dadada;
    background:#fff no-repeat 1em 0.55em;
    text-align:center;
    font-family: BenchNine, Helvetica, Sans-Serif; 
	color:#ff0000;
    font-size: 20px;
	margin-bottom:2px;

}


/*******************
LOGIN FORM
*******************/

.paymentform {
	width: 90%;
	margin: 0 auto;
	position: relative;
	background: #e5ecf5;
	border: 1px solid #fff;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
/*******************
HEADER
*******************/

.paymentform .header {
	padding: 24px 3px 5px 3px;
	text-align:center;
	
}

.paymentform .header h1 {
	font-family: BenchNine, Helvetica, Sans-Serif;
	font-weight: 300;
	font-size: 28px;
	color: #414848;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
	margin-bottom: 10px;
}

.paymentform .header span {
    font-size: 1.5rem;
    line-height: 2.0rem;
	color: #000;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
}

/*******************
CONTENT
*******************/

.paymentform .content {
	padding: 0px;
}

/* Input field */
.paymentform .content .input {
	width: 188px;
	padding: 15px 25px;
	font-family: BenchNine, Helvetica, Sans-Serif;
	font-weight: 400;
	font-size: 120%;
	color: #1f1f1f;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
	background: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}

/* Second input field */
.paymentform .content .spaceup {
	margin-top: 10px;
}

.paymentform .content .input:hover {
	background: #dfe9ec;
	color: #414848;
}

.paymentform .content .input:focus {
	background: #dfe9ec;
	color: #414848;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
}

.user-icon, .pass-icon {
	width: 46px;
	height: 47px;
	display: block;
	position: absolute;
	left: 0px;
	padding-right: 2px;
	z-index: -1;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.user-icon {
	top:30px; /* Positioning fix for slide-in, got lazy to think up of simpler method. */
	/*background: rgba(65,72,72,0.75) url(../../../../images/user-icon.png) no-repeat center;	*/
}

.pass-icon {
	top:75px;
	/*background: rgba(65,72,72,0.75) url(../../../../images/pass-icon.png) no-repeat center;*/
}

.content input:focus + div{
	left: -46px;
}

/* Animation */
.input, .user-icon, .pass-icon, .button, .register {
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}

/*******************
FOOTER
*******************/

.paymentform .footer {
	padding: 25px 30px 40px 30px;
	overflow: auto;
	background: #d4dedf;
	border-top: 1px solid #fff;
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
}

/* Login button */
.paymentform .footer .button {
	float:right;
	padding: 11px 11px;
	font-family: BenchNine, Helvetica, Sans-Serif;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: #576882; 
	border: 1px solid #fff;
	border-radius: 5px;
	cursor: pointer;	
	box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
}

.paymentform .footer .button:hover {
	background: #455368;
	border: 1px solid rgba(256,256,256,0.75);
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}

.paymentform .footer .button:focus {
	position: relative;
	bottom: -1px;
	background: #576882;
	box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
}

/* Register button */
.paymentform .footer .register {
	display: block;
	float: right;
	padding: 10px;
	margin-right: 20px;
	background: none;
	border: none;
	cursor: pointer;
	font-family: BenchNine, Helvetica, Sans-Serif;
	font-weight: 300;
	font-size: 120%;
	color: #576882;
	text-shadow: 0px 1px 0 rgba(256,256,256,0.5);
}

.paymentform .footer .register:hover {
	color: #455368;
}

.paymentform .footer .register:focus {
	position: relative;
	bottom: -1px;
}
div.errcontainer {
	background-color: #eee;
	margin: 5px;
	padding: 5px;
}
div.errcontainer ol li {
	list-style-type: none;
	margin-left: 20px;
}
div.errcontainer { display: none }
.errcontainer label.error {
	display: inline;
}
#flake
{
	color:#b2b2b2;
	z-index:100001;
	position:absolute;
	font-size:25px;
	top:-1000px;
}