@font-face{
    font-family: 'MyriadPro';
    src: url('fonts/MyriadPro-Regular.eot');
    src: url('fonts/MyriadPro-Regular.eot?iefix') format('eot'),
         url('fonts/MyriadPro-Regular.woff') format('woff'),
         url('fonts/MyriadPro-Regular.ttf') format('truetype'),
         url('fonts/MyriadPro-Regular.svg#webfont') format('svg');
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: arial;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
}
body img {max-width: 100%;}

a, a:visited {
    color:black;
}

#topline-container {
    position:fixed;
    width:100%;
    z-index:9999;
    background:rgba(210,35,42,0.9);
    height: 45px;
}
#topline {
    width:100%;
    max-width:1000px;
    margin:0 auto;
    font-size:16px;
    padding:10px 10px 0px 10px;
    box-sizing:border-box;
    color: white;
}
#topline a {
    text-decoration: none;
    color:white;
}

.expandable {
    /* overflow set to hidden to hide the expanded text */
    overflow: hidden;
    /* all style changes will ease-in-out for 1s */
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s;
}

.headerlinkmobile
{
        vertical-align:middle;
        border-bottom:1px solid #c2c2c2;
        color:black;
        padding:20px;
        box-sizing:border-box;
}

#topproducts1
{
	display:inline-block;
	width:53.74%;  
}

#topproducts2
{
        display:inline-block;
        width:46.26%;
}

#bottomproducts1
{
        display:inline-block;
        width:45.33%;
}

#bottomproducts2
{
        display:inline-block;
        width:54.67%;
}


#topproducts1 img, #topproducts2 img, #bottomproducts1 img, #bottomproducts2 img
{
	vertical-align:bottom;
}

#malibulayer
{
	display:table-cell;
	width:18%;
	padding:0% 1%;
	vertical-align:middle;
}

.smallradio
{
	height:1.2vw;
	width:1.2vw;
}

.mediumradio
{
        height:1.6vw;
        width:1.6vw;
}
.largeradio
{
	height:2vw;
	width:2vw;
	vertical-align:text-bottom;      
}

.onevw 
{
	font-size: 1vw;
}

.onepointtwo
{
	font-size: 1.2vw;
}
.onepointthree
{
        font-size: 1.3vw;
}

.onepointfour
{
	font-size: 1.4vw;
}
.onepointsix
{
        font-size: 1.6vw;
}
.onepointnine, .onepointninecart
{
	font-size: 1.9vw;
}
.twopointthree
{
        font-size: 2.3vw;
}


.addtocart
{
	
	text-shadow: 2px 2px #333333;
	font-weight:bold;
	cursor:pointer;
	color:white;
	border-radius:20px;
	padding:10px;
	background: #2f8dcc; 
	background: -moz-linear-gradient(top, #2f8dcc 0%, #215791 100%); 
	background: -webkit-linear-gradient(top, #2f8dcc 0%,#215791 100%); 
	background: linear-gradient(to bottom, #2f8dcc 0%,#215791 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f8dcc', endColorstr='#215791',GradientType=0 );
	display:inline-block;
}

.productcell {
    	display:table-cell;
	width:20%;
	padding:1%;
}

#table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9 {
    display:table;
    width:100%;
}

#table1-cell1 {
    display:table-cell;
    width:61.37%;
    padding-right:1%;
    vertical-align:top;
}

#table2-cell1 {
    display:table-cell;
    width:49%;
    padding-right:1%;
    vertical-align:top;
}

#table3-cell1, #table9-cell1 {
    display:table-cell;
    width:77%;
    vertical-align:top;
    box-sizing:border-box;
    padding-right:1%;
}

#table4-cell1 {
    display:table-cell;
    width:72%;
    vertical-align:top;
    box-sizing:border-box;
    padding-right:1%;
}

#table5-cell1, #table7-cell1, #table8-cell1 {
    display:table-cell;
    width:82%;
    vertical-align:top;
    box-sizing:border-box;
    padding-left:1%;
}

#table6-cell1 {
    display:table-cell;
    width:54%;
    vertical-align:top;
    box-sizing:border-box;
    padding-left:1%;
}

#table1-cell2, #table2-cell2, #table3-cell2, #table4-cell2, #table5-cell2, #table6-cell2, #table7-cell2, #table8-cell2, #table9-cell2 {
    display:table-cell;
    vertical-align:top;
}






.simpleinline {
    display: inline-block;
    text-align: left;
    font-size: 14px;
    box-sizing: border-box;
}
.inline-container {font-size: 0; text-align: center;}
.inline-container .simpleinline:last-child {margin-right: 0px;}
.inline-1-12 {
    width: 7.325%;
    margin-right: 1.1%;
    vertical-align: top;
}
.inline-2-12 {
    width: 15.75%;
    margin-right: 1.1%;
    vertical-align: top;
}
.inline-3-12 {
    width: 24.175%;
    margin-right: 0.8%;
    vertical-align: top;
}

.inline-4-12 {
    width: 32.6%;
    margin-right: 1.1%;
    vertical-align: top;
}
.inline-5-12 {
    width: 41.025%;
    margin-right: 1.1%;
    vertical-align: top;
}
.inline-6-12 {
    width: 49.45%;
    margin-right: 1.1%;
    vertical-align: top;
}
.inline-7-12 {
    width: 57.875%;
    margin-right: 1.1%;
    vertical-align: top;
}
.inline-8-12 {
    width: 66.3%;
    margin-right: 1.1%;
    vertical-align: top;
}
.inline-9-12 {
    width: 74.725%;
    margin-right: 1.1%;
    vertical-align: top;
}
.inline-10-12 {
    width: 83.15%;
    margin-right: 1.1%;
}
.inline-11-12 {
    width: 91.575%;
    margin-right: 1.1%;
}
.inline-12-12 {
    width: 100%;
    margin: 0;
}
.inline-1-5, .mobinline-1-5 {
    width: 19%;
    margin-right: 1.25%;
}
.inline-2-5 {
    width: 39.25%;
    margin-right: 1.25%;
}
.inline-3-5 {
    width: 57%;
    margin-right: 1.25%;
}
.inline-4-5 {
    width: 76%;
    margin-right: 1.25%;
}
.inline-5-5 {
    width: 100%;
    margin-right: 0%;
}


.formrow {margin: 5px 0px;}
.formlabel {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    text-align: right;
    width: 34%;
    margin-right: 1%;
    font-weight: bold;
    line-height: 44px;
    position:relative;
}
.formbox {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    text-align: left;
    width: 65%;
    line-height: 44px;
}
.formbox p {
    line-height: 14px;
}
.formbox .ck p {
    line-height: 1;
}
.formbox input[type='text'], .formbox input[type='email'], .formbox input[type='password'], .input {
    box-sizing: border-box;
    width: 100%;
    padding: 0px 5px;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-size: 15px;
    height: 44px;
}
.niceinput {
    box-sizing: border-box;
    width: 100%;
    padding: 0px 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-size: 15px;
    height: 44px;
}
/* DO NOT CHANGE PADDING */
.formbox select, .niceselect {
    width: 100%;
    font-size: 15px;
    padding: 0px 45px 0px 10px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: white;
    background-image: url(/images/select.png)!important;
    background-position: 100% 0;
    background-repeat: no-repeat no-repeat;
    border-radius: 5px;
    height: 44px;
}
.formbox textarea, .full-textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 5px 1.7%;
    border: 1px solid #ccc;
}


.formbox input[type='submit']:hover, .continue_shopping:hover, .order-complete:hover {opacity: 0.90;}



.justmobile {
    display:none;
}

@media (max-width: 1023px) {
    .justmobile {
	display:block;
    }
    .nomobile, #malibulayer, .productcell {
	display:none;
    }

    .inline-1-12, .inline-2-12, .inline-3-12, .inline-4-12, .inline-5-12, .inline-6-12, .inline-7-12, .inline-8-12, .inline-9-12, .inline-10-12, .inline-11-12, .inline-1-5, .inline-2-5 {
        width: 100%;
        padding: 0;
        margin: 0 0 10px 0;
    }

    .formlabel, .formbox {
        width: 100%;
        text-align: left;
        padding: 0;
        margin: 0;
        line-height: 35px;
    }
    .auto-margin {
        margin: 0 auto;
    }

    #table1, #table2, #table3, #table4, #table6, #table9 {
	display:block;
    }

    #table1-cell1, #table2-cell2, #table3-cell1, #table4-cell1, #table6-cell1, #table9-cell1 {
	display:block;
	width: auto;
    }

    #table1-cell2, #table2-cell1, #table3-cell2, #table4-cell2, #table6-cell2, #table9-cell2 {
        display:none;
    }


    #topproducts1, #topproducts2, #bottomproducts1, #bottomproducts2
    {
	width: 100%;
    }

    .addtocart
    {
	text-shadow: 0px 0px white;
	border-radius:5px;
	padding:2px;
    }

    .onevw, .onepointtwo, .onepointthree, .onepointfour, .onepointsix, .onepointnine, .twopointthree
    {
	font-size: 12px;
    }

    .onepointninecart
    {
	font-size: 8px;
    }

    .largeradio, .mediumradio, .smallradio
    {
        height:15px;
        width:15px;
        vertical-align:middle;
    }


}