/* elements */
a, a:link, a:visited, a:active, a[href^=tel] { color:inherit; text-decoration:none; }
a:hover { text-decoration:underline; }

a > .glyphicons { margin-bottom:27px; margin-left:5px; padding-left:28px; }
a > .glyphicons:before { color:#777777; }
a:hover > .glyphicons:before { color:red; }

a.adjust { color:#4d4d4d; cursor:pointer; font-size:12pt; }

a.menu { color:#777777; display:inline-block; font-size:14pt; height:100%; text-decoration:none; }
a.menu:hover { color:black; }

a.modal-close { color:#666; font-size:20pt; position:absolute; right:30px; top:25px; }
a.modal-close:hover { color:#4d4d4d; text-decoration:none; }

a.modal-close-fitment { color:white; display:none; font-size:20pt; position:absolute; right:30px; top:25px; }
a.modal-close-fitment:hover { color:#999; text-decoration:none; }

a.partDetails { display:block; font-size:12pt; margin-top:10px; }

a.results-image {
    background-position-x:center;
    background-position-y:center;
    background-repeat:no-repeat;
    background-size:contain;
    display:block;
    height:300px;
    text-indent:-9999px;
    width:100%;
}

a.button-addtocart {
    background-color:#5CB85C;
    border-color: #4CAE4C;
    border-radius:5px;
    color:white !important;
    float:right;
    height:40px;
    line-height:40px;
    text-align:center;
    width:200px; }
a.button-addtocart:hover { background-color:#47A447; border-color:#398439; }

a.button-details {
    background-color:#5CB85C;
    border-color: #4CAE4C;
    border-radius:5px;
    color:white !important;
    display:inline-block;
    height:30px;
    line-height:30px;
    margin-top:15px;
    text-align:center;
    width:200px; }
a.button-details:hover { background-color:#47A447; border-color:#398439; text-decoration:none; }

article {
    border-bottom:1px solid #DDDDDD;
    padding-bottom:30px; 
    padding-top:30px; }

article.modal {
    background:rgba(35,35,35,0.5);
    bottom:0px;
    display:none;
    left:0px;
    overflow-y:scroll;
    position:fixed;
    right:0px;
    top:0px;
    z-index:99;
}

article.results { padding: 15px; }

body {
    background-color:#222222;
    font-family:Segoe UI, Arial;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14pt;
    height:100%;
    margin:0px 0px 0px 0px; }

div { border-width:0px; }

div.content { 
    box-sizing:border-box;
    margin:0 auto;
    position:relative;
    text-align:center;
    width:1150px; } 
div.content:after {
    content:".";
    clear:both;
    display:none;
    height:0px;
}
div.content > div {
    padding:15px;
}
@media only screen and (max-width:1200px) { div.content { width:975px; } }
@media only screen and (max-width:1000px) { div.content { width:800px; } }
@media only screen and (max-width:850px)  { div.content { width:100%; padding-left: 15px; padding-right: 15px; overflow-x: hidden; } }

div.Cybernetix {
    border-top:1px solid #666666;
    color:#666666;
    font-size:10pt;
    text-align:center;
}

div.menuSubFooter {
    border-top:1px solid gray;
    clear:both;
    margin-top:5px;
    padding-top:5px;
    text-align:center;
    width:100%;   
}
div.menuSubFooter > a { font-size:0.9em !important; margin-left:15px; }
div.menuSubFooter > a:hover { color:black !important; }
div.menuSubFooter > span { font-size:11pt !important; margin-left:5px; }

div.modal {
    background:white;
    border:1px solid gray;
    border-radius:5px;
    margin:0 auto;
    padding:15px;
    padding-bottom:30px;
    position:relative;
    text-align:left;
    top:40px;
    width:750px;
    z-index:100;
}
@media only screen and (max-width:850px)  { div.modal { width:90%; } }

div.panel {
    background-color:#F1F1F1;
    box-sizing:border-box;
    border:1px solid #DDDDDD;
    border-radius:5px;
    color:#666666;
    padding:15px;
    text-align:left;
}
div.panel > h2 { margin:0; padding:0; }

div.block {
    background:rgba(255,255,255,0.75);
    bottom:0px;
    display:block;
    left:0px;
    right:0px;
    position:fixed;
    top:0px;
    z-index:98;
}

div.popout {
    display:none;
    display:block;
    left:30px;
    margin:0 !important;
    position:fixed !important;
    right:30px;
    top:60px;
    width:auto !important;
    z-index:99;
}

div.summary {    
    background-color:#EEEEEE;
    border-bottom:1px solid #DCDCDC;
    border-top:1px solid #DCDCDC;
    box-sizing:border-box;
    clear:both;
    color:#666666;
    display:block;
    font-size:12pt;
    position:relative;
    width:100%; }

footer { 
    background-color:#222222; 
    clear:both; 
    color:white;
    font-size:12pt;
    padding-bottom:15px;
    padding-top:15px;
    position:relative;
    text-align:center; }

header {
    background-color:#F5F5F5;
    border-bottom:1px solid #DDDDDD;
    height:60px;
    left:0px;
    position:relative;
    right:0px;
	top:0px;
    z-index:50;
}
/*header { height:70px; }
header > div {
    background-color:#F5F5F5;
    border-bottom:1px solid #DDDDDD;
    height:70px;
    left:0px;
    position:fixed;
    right:0px;
	top:0px;
    z-index:50; }*/

h1 {
    border-bottom:1px solid #4D4D4D;
    color:#4d4d4d;
    display:block;
    font-family:Dosis, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:26pt;
    margin:0;
    padding:0;
    padding-bottom:10px;
    text-align:left;
    width:100%; }

h1.center {
    border-bottom:none;
    color:#4d4d4d;
    display:block;
    font-family:Dosis, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:26pt;
    margin:0;
    padding:0;
    padding-bottom:10px;
    text-align:center;
    width:100%; }

h2 {
    color:#4d4d4d;
    font-family:Dosis, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:14pt;
    margin:0;
    margin-top:15px;
    padding:0;
    padding-left:15px; }

h2.modalHeader {
    border-bottom:1px solid #4D4D4D;
    color:#4d4d4d;
    display:block;
    font-family:Dosis, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:26pt;
    margin:0;
    padding:0;
    padding-bottom:10px;
    text-align:left;
    width:100%; }

i.menuIcon { margin-left:15px; margin-right:15px; }

/*img {
    display:inline-block;
    height:auto;
    vertical-align:text-top;
    width:100%; }*/

img { display:inline-block; vertical-align:text-top; }
img.cart, img.menu, img.search, img.banner { width:100%; }

input {
    border:1px solid #ccc;
    border-radius:5px;
    box-sizing:border-box;
    font-size:12pt;
    margin-top:5px;
    padding:5px;
    width:100%; }
input[type='checkbox'] { width:auto; }
input[type='text']:focus { border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow:inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6); }

label {
    color:#4d4d4d;
    display:inline;
    font-size:12pt;
    margin:0;
    padding:0;
    padding-left:15px;
    padding-top:15px; }

main { background-color:white; }
main > div {
    background-color:white;
    position:relative;
    width:100%;
}

p { 
    color:#4d4d4d;
    font-size:12pt;
    margin:0;
    padding:0;
    padding-left:15px;
    padding-top:15px;
    text-align:left;
}

section {
    border-bottom:1px solid #DDDDDD;
    text-align:left;
}

section > div {
    padding:15px;
}

select { 
    border:1px solid #ccc;
    border-radius:5px;
    font-size:12pt; 
    margin-top:5px;
    padding:5px;
    width:100%;
}
select:focus { border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow:inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6); }

/*span { color:#4D4D4D; }*/
span.cart { color:#4d4d4d; display:block; font-size:14pt; padding:30px; }
span.modalHeader {
    border-bottom:1px solid #4D4D4D;
    color:#4d4d4d;
    display:block;
    font-family:Dosis, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:26pt;
    margin:0;
    padding:0;
    padding-bottom:10px;
    text-align:left;
    width:100%; }

ul {
    list-style-type:none;
    margin:0;
    padding:0; 
}

ul > li:not(:last-child) {
    padding-bottom:10px;
}

@media only screen and (max-width:850px) {
    img.cart {  }
    span.cart { color:#4d4d4d; display:block; font-size:14pt; padding:0; padding-left:15px; padding-right:15px; }
}

/* width */
.siteWidth { 
    box-sizing:border-box;
    margin:0 auto;
    position:relative;
    text-align:center;
    width:1150px; }
.siteWidth > div { text-align:left; }

@media only screen and (max-width:1200px) {    
    .siteWidth { width:975px; } }

@media only screen and (max-width:1000px) {    
    .siteWidth { width:800px; } }

@media only screen and (max-width:850px) {
    .siteWidth { padding-left:15px; padding-right:15px; width:100%; overflow-x:hidden; }
    .siteWidth > div { /*display:inline-block;*/ } }

/* classes */
.AuthorizeNetSeal { display:inline-block; }
#AuthorizeNetText { display:none; }

.button, button:hover {
    background-color:white; 
    border:1px solid #DDDDDD;
    border-radius:5px;
    color:#666666;
    text-decoration:none !important; }
.button:hover { background-color:#DDDDDD; }
.button-active { background-color:#5D5D5D; border:1px solid #5D5D5D; color:#F6F6F6; }

.button-login {
    background-color:#428BCA;
    border-color: #357EBD;
    border-radius:5px;
    color:white !important;
    float:right;
    height:40px;
    line-height:40px;
    text-align:center;
    width:200px; }
.button-login:hover { background-color:#3276B1; border-color:#285E8E; text-decoration:none; }

.button-fitment {
    background-color:#D9534F;
    border-color:#D9534F;
    color:white !important;
    display:block;
    font-weight:bold;
    height:40px;
    line-height:40px;
    margin-top:15px;
    text-align:center;
}
.button-fitment:hover { background-color:#D2322D; }

.col-20    { box-sizing:border-box; float:left; width:20%; }
.col-25    { box-sizing:border-box; float:left; width:25%; }
.col-30    { box-sizing:border-box; float:left; width:30%; }
.col-100   { box-sizing:border-box; clear:both; position:relative; width:100%; }
.col-260px { display:table-cell; float:left; width:260px; }
/*.col-33    { display:table-cell; width:33.33%; }*/
/*.col-33    { box-sizing:border-box; float:left; width:33.33%; }*/
.col-33    { box-sizing:border-box; display:inline-block; width:32%; }
.col-40    { box-sizing:border-box; float:left; width:40%; }
/*.col-50    { box-sizing:border-box; float:left; vertical-align:top; width:50%; }*/
.col-50    { box-sizing:border-box; display:inline-block; vertical-align:top; width:49%; }
/*.col-66    { display:table-cell; width:66.66%; }*/
.col-66    { box-sizing:border-box; display:inline-block; width:65%; }
.col-75    { box-sizing:border-box; float:left; width:75%; }
.col-850px { display:table-cell; width:850px; }

.colors-bold {
    background-color:#5D5D5D; 
    border-color:#5D5D5D; 
    border-style:solid;
    color:#F6F6F6;
}
.colors-bold span { color:#F6F6F6; }
.colors-bold select { border-color:#F0F0F0; }

.colors-option {
    background-color:#F1F1F1;
    border-color:#DDDDDD; 
    border-style:solid;
    color:#666666;
}

.colors-option select { 
    border-color:#5D5D5D;
}

.colors-content {
    color:#666;
}

.colors-white {

}

.divider {
    border-bottom:1px solid #dcdcdc;
    /*margin:0 20px;*/
    width:100%;
}

.error { color:red; display:none; }
.error-simple { color:red; font-size:12pt; }

.font-small { font-size:12pt; }

.link-fitment { display:block; margin-top:10px; text-align:center; width:100%; }

.imageWrapper { text-align:center; width:100%; }

.img-wrapper {
    position:relative;
    width:100%;
}

.message {
    background-color:#DFF0D8;
    border:1px solid #D6E9C6;
    border-radius:5px;
    color:#3C763D;
    display:none;
    font-size:12pt;
    margin:5px 5px 5px 5px;
    padding:15px 15px 15px 15px;
    text-align:left;
}
.message > a { color:blue; }

.mobile-show { display:none !important; }

.pad15 { padding-left:15px; padding-right:15px; padding-top:15px; }

.pager {
    color:#666666;
    font-size:12pt;
    text-align:right;
}

.pager > ol {
    display:inline-block;
    list-style:none; 
    margin:0;
    padding:0;
    padding-left:10px;
    padding-top:15px;
}
.pager > ol > li { display: inline-block; }

.pager .button { background-color:white; border:1px solid #DDDDDD; color:#666666; }
.pager .button:hover { background-color:#DDDDDD; }
.pager .button-active { background-color:#5D5D5D !important; border:1px solid #5D5D5D !important; color:#F6F6F6 !important; }

.pager > ol > li > a {
    border-radius:0px !important;
    display:inline-block;
    height:25px;
    margin-left:-5px;
    padding-top:8px;
    position:relative;
    text-align:center;
    width:35px;
}
.pager > ol > li:first-child > a { border-top-left-radius:5px !important; border-bottom-left-radius:5px !important; }
.pager > ol > li:last-child > a { border-top-right-radius:5px !important; border-bottom-right-radius:5px !important; }

.ribbon > div {
    border-width:1px;
    border-radius:5px;
    clear:left;
    float:left;
    font-size:12pt;
    margin-top:30px;
    position:relative;
    text-align:left;
    width:100%; }
.ribbon > div:last-child { margin-bottom:30px; }

.ribbon > div > div {
    margin-left:15px;
    margin-right:15px;
    padding-bottom:15px;
    padding-top:15px;
}
.ribbon > div > div:not(:last-child) { border-bottom:1px solid #DDDDDD; }

.right { text-align:right; }

.row { display:block; width:100%; }

#spanMSRP { margin-top:10px; }
.spanPartDetails { display:inline-block; font-size:12pt; }
#spanPrice { font-size:16pt; font-weight:400; line-height:40px; }
#spanYouSave { display:block; margin-top:5px; }

.tableSizeChart { border-width:0px; width: 100%; }
.tableSizeChart td { 
    /*border-bottom:1px solid #666;*/
}

.vMiddle { vertical-align:middle; }
.vTop { vertical-align:top; }

@media only screen and (max-width:1200px) {    
    .col-850px { width:700px; } }

@media only screen and (max-width:1000px) {    
    .col-850px { width:500px; } }

@media only screen and (max-width:850px) {
    .button-login { margin-right:30px; }

    .col-260px, .col-20, .col-25, .col-30, .col-33, .col-50, .col-66, .col-75, .col-850px {
        clear:both;
        display:inline-block;
        float:none;
        padding-bottom:15px;
        width:100%; }

    .mobile-hide { display:none !important; }
    .mobile-show { display:inherit !important; }

    /*.row { display:block; }
    .row > .col-50 { display:inline-block; float:none; }*/

    #spanPrice { display:block; }
}

/* --- Home Page Divs --- */
/*#divImageSlider {
    background-color:white; 
    min-height:200px;
    max-height:500px;
    overflow-x:hidden;
    overflow-y:hidden;
    width:100%; 
}

#imgSlider
{
    width:100%;
}*/

.divMiniBanner
{
    background-color:#EEEEEE;
    border-bottom:1px solid #DCDCDC;
    border-top:1px solid #DCDCDC;
    padding-bottom:25px;
    padding-top:25px;
    width:100%;
}

.divMiniBanner > div
{
    display:inline-block; 
    margin:auto; 
    text-align:center; 
    vertical-align:middle; 
    width:30%;
}

@media only screen and (max-width:850px) 
{
    #imgSlider
    {
        height:375px;
        position:relative;
        width:auto;
    }

    .divMiniBanner
    {
        border-top:none;
        padding-bottom:0px;
        padding-top:0px;
    }

    .divMiniBanner > div
    {
        border-top:1px solid #DCDCDC;
        display:inline-block;
        clear:both;
        padding-bottom:15px;
        padding-top:15px;
        width:100%;
    }
}

/* --- Navigation Divs --- */
.divFilter a, .divFilter a:link, .divFilter a:visited, .divFilter a:active
{
    color:#666666;
    text-decoration:none;
}

.divFilter a:hover
{
    text-decoration:underline;
}

#divFilterHeader
{
    font-size:14pt;
}

/* --- Product Results --- */
#divProductsResults
{
    float:right;
    margin-top:30px;
}

/* --- Breadcrumbs --- */
.divBreadcrumbs
{
    background-color:white;
    border-bottom:1px solid #DDDDDD;
    color:#999999;
    height:45px;
    font-size:10pt;
    text-align:left;
}

@media only screen and (max-width:1000px) 
{    .divBreadcrumbs { text-indent:10pt; } }

.olBreadcrumbs
{
    list-style-type:none;
    margin:0;
    padding:0;
    padding-left:5px;
    padding-top:15px;
}

.olBreadcrumbs > li
{
    display:inline;
}

.olBreadcrumbs > li + li:before
{
    color:#666666;
    content:"/";
    padding:0 10px;
}

.olBreadcrumbs > li > a, .olBreadcrumbs > li > a:link, .olBreadcrumbs > li > a:visited, .olBreadcrumbs > li > a:active
{
    color:#666666;
    text-decoration:none;
}

.olBreadcrumbs > li > a:hover
{
    text-decoration:underline;
}

/*---Menu---*/
/* Logo */
#divLogo {
    color:green;
    display:block;
    float:left;
    font-size:26pt;
    height:30px;
    left:35px;
    position:relative;
    top:20px;
    z-index:50;
}

/* Parts Menu */
.divMenuParts { left:-225px; width:615px; }
.divMenuParts:before, .divMenuParts:after { left:250px; }

/* Apparel Menu */
.divMenuApparel { left:-300px; width:615px; }
.divMenuApparel:before, .divMenuApparel:after { left:335px; }

/* Sales Menu */
.divMenuSales { left:15px; width:135px; }
.divMenuSales:before, .divMenuSales:after { left:50px; }

/* Search Menu */
.divMenuSearch { font-family:'Open Sans',sans-serif; left:-145px; height:65px; width:350px; }
.divMenuSearch:before, .divMenuSearch:after { left:175px; }
.divMenuSearch > input { border-color:gray; width:320px; }

#buttonSearch
{
    background-color:white;
    background-image:url('../CartImages/icons/search.gif');
    background-position:center center;
    background-position-x:center;
    background-position-y:center;
    background-repeat:no-repeat;
    border:1px solid gray;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    display:inline-block;
    height:30px;
    left:315px;
    position:absolute;
    top:15px;
    width:30px;
}
#buttonSearch:hover { background-color:#F5F5F5; }

#spanSearchHelp {
    font-size:11pt;
    left:15px;
    position:absolute;
    top:55px;
}

/* Support Menu */
.divMenuSupport { left:-75px; width:250px; }
.divMenuSupport:before, .divMenuSupport:after { left:115px; }

/* Account Menu */
.divMenuAccount { left:-100px; width:200px; }
.divMenuAccount:before, .divMenuAccount:after { left:140px; }

/* Cart Link */
#linkCart, #linkCart:link, #linkCart:visited, #linkCart:active
{
    background-image:url('../CartImages/cart-gray.gif');
    background-position:center center;
    background-position-x:center;
    background-position-y:center;
    background-repeat:no-repeat;
    border-radius:15px;
    border:solid 1px gray;
    height:30px;
    position:relative;
    top:-9px;
    width:30px;
}
#linkCart:hover { background-image:url('../CartImages/cart-black.gif'); border:solid 1px black; }
#linkCartText { opacity:0.0; }

/* Nav Menu */
nav
{
    font-family:'Special Elite', cursive;
    font-size:16pt;
    height:70px;
    margin:0 auto;
    position:relative;
    width:1150px;
}
nav > div.wrapper { float:right; }
nav > div.wrapper > a { display:none; }

/* Menu: Level 1*/
nav > div > ul {
    background-color:#F5F5F5;
    height:25px;
    padding-top:25px;
    z-index:5;
}

nav > div > ul > li {
    float:left;
    height:100%;
    list-style:none;
    margin:0;
    padding:0;
    padding-left:12px;
    padding-right:12px; 
	position:relative;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

#navMain li a {
	color:#777777;
    display:block;
    font-size:14pt;
    height:100%;
    text-decoration:none;
}
#navMain li:hover > a { color:black; }

nav .mobile-show {
    /*background-color:blue;*/
    left:10px;
    padding:0 !important;
    /*margin:0 !important;*/
}

nav .mobile-show > a {
    /*background-color:red;*/
    color:black !important;
    /*height:20px;*/
    max-height:20px;
    overflow:hidden;
    width:100%;
}

nav .mobile-show > a > i {
    position:relative;
    /*top:-.7em;*/
    bottom:.9em;
    zoom:.75;
}

/* Second Level */
nav li > div
{
    background-color:#FFFFFF;
    border:1px solid #7F7F7F;
	border-radius:6px;
    box-shadow:1px 1px 1px #888888;
    display:none;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14pt;
	margin:0;
    margin-top:5px;
	opacity:0;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
	position:absolute;
	visibility:hidden;
	z-index: 100;
	
	-webkit-transiton: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-transition: opacity 0.2s;
}

nav li > div:before {
    content:'';
    position:absolute;
    border-style:solid;
    border-width:0 15px 13px;
    border-color:#7F7F7F transparent;
    display:block;
    top:-14px;
    width:0;
    z-index:0;
}

nav li > div:after {
    content:'';
    position:absolute;
    border-style:solid;
    border-width:0 15px 13px;
    border-color:#FFFFFF transparent;
    display:block;
    top:-13px;
    width:0;
    z-index:1;
}

nav > div > ul > li:hover div, .stickyMenu {
    display:block;
	opacity:1;
	visibility:visible;
}

.divSubMenuCol {
    float:left;
    overflow:hidden;
    padding:10px;
    position:relative;
    text-wrap:none;
    vertical-align:top;
    width:185px;
}

.divSubMenuCol3 { width:225px;}

#navMain li ul {
	display:block;
    padding-left:40px;
		
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s; 
}

#navMain li ul lh
{
    border-bottom:1px solid gray;
    color:black;
    display:block;
    margin-bottom:10px;
    padding:0.4em;
    width:150px;
}

#navMain li ul a
{
    color:#777777;
    display:block;
    font-size:0.9em;
    left:-40px;
    padding-top:3px;
    position:relative;
}

#navMain li div > a {
    font-size:12pt;
    height:40px;
    line-height:40px;
}

#navMain a.button
{
    border:1px solid #777777;
    border-radius:5px;
    font-size:11pt;
    height:30px;
    line-height:30px;
    margin-top:5px;
    text-align:center;
    width:100%;
}

/* small screens */
@media only screen and (max-width:1200px) 
{
    nav { width:975px; }
}

/* small screens - double lined menu */
@media only screen and (max-width:1000px) 
{
    nav { width:100%; }

    nav > div.wrapper {
        position:relative;
        top:-15px;
        width:450px;
    }
}

/* mobile menu */
@media only screen and (max-width:850px)
{
    nav { width:100%; }

    #divLogo { left:10px; }

    nav > div.wrapper {
        position:absolute;
        top:0px;
        width:100%;
    }

	nav > div.wrapper > a {
		background-color:white;
        border:1px solid #888888;
        border-radius:5px;
		height:45px;
		position:absolute;
        right:10px;
        text-align:left;
		text-indent:-9999px;
        top:10px;
        width:45px;
	}

	nav > div.wrapper > a:before, nav > div.wrapper > a:after {
		border:2px solid #888888;
		left:25%;
		right:25%;
		content:'';
        position:absolute;
        top:35%;
	}

	nav > div.wrapper > a:after { top:60%; }

	nav:not( :target ) > div.wrapper > a:first-of-type, nav:target > div.wrapper > a:last-of-type { display:block; }

	/* first level */
	nav > div.wrapper > ul {
		display:none;
        font-size:20pt;
		height:auto;
        left:0;
        position:absolute;
        right:0;
        text-indent:25px;
        top:38px;
	}

	nav:target > div.wrapper > ul {   
        /*background-color:green;*/
        display:block;
        top:65px;
	}

	nav > div.wrapper > ul > li {
        /*background-color:blue;*/
		float:none;
        top:-20px;
	}

	nav > div.wrapper > ul > li > a {
        padding-top:25px;
        text-align:left;
	}
}