.cartNav { position:relative; left:0px; top:5px; float:none; font-size:11px; color:#FFFFFF;} 
.cartNav a, .cartNav a:visited { color:#FFFFFF; text-decoration:none;}
.cartNav a:hover { color:#FFFFFF; text-decoration:underline;}
#Navigation-485 .page-4324325 a {width:64px;}
#Navigation-485 .page-4324337 a {width:97px;}
#Navigation-485 .page-4324338 a {width:147px;}
#Navigation-485 .page-4324339 a {width:67px;}
#Navigation-485 .page-4324340 a {width:87px;}
#Navigation-485 .page-4324341 a {width:97px;}
#Navigation-485 .page-4324342 a {width:137px;}
#Navigation-485 .page-4324343 a {width:67px;}
#Navigation-485 .page-4324344 a {width:187px;}
#footerwrap {text-align:center;width:100%;}
body { margin: 0px; padding:0px; background-image:url('/images/112427/layout/headbg.png'); background-repeat:repeat-x; background-position:center top; text-align:left; font-size:12px; font-family:Arial;} 
body table { text-align:left;}
#searchContainer { position:absolute; left:600px; top:10px; display:none; float:left;} 
h1 { font-family:Arial; font-weight:bold; text-transform:uppercase; font-style:italic;} 
#pageContainer { width:100%;margin:0 auto;} 
#header { width:1000px; height:230px; position:relative; display:block;} 
#columnsContainer { width:1000px;} 
#leftcolumn { width:150px; padding:0px 0px 20px 0px; position:relative; display:none; float:left;} 
#maincolumn { width:1000px; padding:15px 0px 0px 0px; position:relative; float:left; line-height:1.5; font-size:16px;} 
#rightcolumn { width:150px; padding:0px 0px 20px 0px; position:relative; display:none; float:right;} 
#footer { width:1000px; height:75px; display:inline-block; clear:both;} 
#Navigation-485 { width:995px !important; height:48px; padding:5px 0px 0px 5px; position:absolute; left:0px; top:177px;} 
#Navigation-485 ul li a { height:34px; margin: 0px  5px  0px  0px  ; padding:9px 0px 0px 0px; background-image:url('/images/112427/layout/navbg.png'); text-align:center; font-size:20px; color:#FFF; font-family:Arial; font-weight:bold;} 
#Navigation-485 ul li a:visited { color:#FFF;}
#Navigation-485 ul li a.menuactive { background-position:left bottom;}
#Navigation-485 ul li a:hover { background-position:left center;}
#Navigation-485 ul li a.hover { background-position:left center;cursor:pointer;}
#sliderContainer { width:820px; height:345px; margin: 10px  10px  10px  0px  ; padding:10px 0px 80px 10px; background-image:url('/images/112427/layout/slidebg.png'); background-repeat:no-repeat; background-position:center top; position:absolute; top:230px; right:0px; overflow:visible;} 
.nivo-controlNav { width:717px; height:70px; position:absolute; top:365px; right:0px; display:inline;} 
.nivoSlider img { margin: 0px  5px  0px  5px  ; display:inline;} 
.logo {float:left;margin-top:16px;}
.phone {position:absolute;top:3px;right:0px;}
.boat {position:absolute;top:33px;right:0px;}
.joanne_nancy {display:none;}

#header, #columnsContainer {position:relative;left:50%;margin-left:-500px;}

h1 {color:#333; text-transform: uppercase; letter-spacing: -1px; font-family: 'Arial Black', Gadget, sans-serif; font-weight: bold;}

.abc ul {
    height: 36px;
    line-height: 2;
    list-style-type: none;
    margin-left: 8px;
    margin-top: 10px;
    padding: 0;
    width: 980px;
}

.abc li {
    float: left;
}

.abc ul li a {
    border-color: #7D7D7D;
    border-style: solid;
    border-width: 1px;
    display: block;
    height: 30px;
    margin-left: 5px;
    text-align: center;
    width: 28px;
}
a, a:visited {
    color: #0054A6;
    text-decoration: none;
}






/*------ Design Center ------*/


/*------ General ------*/

#form-container {
    width: 100%;
    max-width: 800px;
    min-width: 300px;
    margin: 20px auto 0;
    padding: 20px;
    background: #f5f5f5;
}

/*------ Fonts ------*/

h1, h2, h3, h4, h5, button {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

/* Transitions */

#ar-accordian .card-header {
    webkit-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 0;
}

.card-header a h4 {
    display: block;
    padding: .75rem 1.25rem;
}

/*------ Section - preview ------*/

#previewDesign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#previewDesign div:first-child {
    width: 100%;
    max-width: 66.66%;
}

#previewDesign div:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    width: 100%;
    max-width: 33.33%;
    height: 100%;
    padding: 20px;
}

#previewDesign canvas {
    width: 100%;
    height: 200px;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

#previewDesign button {
    background: grey;
    border: none;
    font-size: 18px;
}

#previewDesign button:hover {
    background: #d71d41;
}

@media (max-width: 992px) {
    #previewDesign {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #previewDesign div {
        max-width: 100% !important;
    }
}

/*------ Section - buttons ------*/

#section_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
}

a.section_button {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    padding: 20px;
    color: #fff;
}

a.section_button i {
    font-size: 18px;
}

a.section_button:hover {
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    filter: saturate(150%);
}

#buttons {
    display: -webkit-box; display: -ms-flexbox; display: flex;margin-bottom: 24px;
  }
  
  #buttons .card {
    flex: auto;
  }

    #buttons .card a, #buttons .card a h4 {
        display: block; height: 100%;
    }
  
  #buttons .card a h4 {
    padding: 1.5rem 1.25rem;
    font-size: 12px;
    text-align: center;
  }

  #buttons .card-header {
      height: 100%;
    }

    @media (max-width: 992px) {
        #buttons {display: none;}
    }

/* Colors */

a.section_button.boatName {
    background: #325ba9;
}

a.section_button.hailingPort {
    background: #ea8244;
}

a.section_button.registration {
    background: #d71d41;
}

a.section_button.graphics {
    background: #447ce6;
}

a.section_button.upload {
    background: #223e73;
}

a.section_button.notes {
    background: #999;
}

@media (min-width: 993px) {
    a.section_button {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
}

@media (max-width: 992px) {
    #section_buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

/*------ Accordian ------*/

#ar-accordian {
    margin-top: 24px;
}

.card-header a h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    margin-bottom: 0;
    font-size: 21px;
}

#ar-accordian .card, #ar-accordian .card-header {
    border: none;
    border-radius: 0;
}

.card-header:hover {
    filter: saturate(150%);
}

.card-header a {
    color: #fff;
}

.card-header a:hover {
    color: #fff;
    text-decoration: none;
}

#ar-accordian .form-control:focus {
    box-shadow: none;
}

#boatName_header {
    background: #325ba9;
}

#section_boatNamer .form-control:focus {
    border-color: #325ba9;
}

#hailingPort_header {
    background: #ea8244;
}

#section_hailingPort .form-control:focus {
    border-color: #ea8244;
}

#registration_header {
    background: #d71d41;
}

#section_registration .form-control:focus {
    border-color: #d71d41;
}

#graphics_header {
    background: #447ce6;
}

#section_graphics .form-control:focus {
    border-color: #447ce6;
}

#upload_header {
    background: #223e73;
}

#section_upload .form-control:focus {
    border-color: #223e73;
}

#notes_header {
    background: #999;
}

#section_notes .form-control:focus {
    border-color: #999;
}