div{
    padding: 0px;
    margin: 0px;
    display: block;
}

label {
    font-weight: 900;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .9em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    -webkit-box-shadow: 0px 0px 3px #666666;
    -moz-box-shadow: 0px 0px 3px #666666;
    box-shadow: 0px 0px 3px #666666;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eff3f5+0,cfd9e5+100 */
    background: rgb(239,243,245); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(239,243,245,1) 0%, rgba(207,217,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(239,243,245,1)), color-stop(100%,rgba(207,217,229,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(239,243,245,1) 0%,rgba(207,217,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(239,243,245,1) 0%,rgba(207,217,229,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(239,243,245,1) 0%,rgba(207,217,229,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(239,243,245,1) 0%,rgba(207,217,229,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff3f5', endColorstr='#cfd9e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.h4, h4 {
	font-size: 1.3rem;
}

#sail_selector {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6393c1+0,cfe7fa+100 */
    
}
/*#header-content {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    border: 1px dashed purple;
}
#header_content {
    height: 215px;
}*/




/*#search_section {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}*/

#legend1 {
    margin-left:-150px;
	margin-right: 50px;
    margin-top: -15px;
    width: 165px;
    padding-top: 0px;
    padding-right: 0px;
    text-align: right;
    font-weight: 700;
    float: left;
    color: rgb(209,242,255);
    font-size: 1.0em;
    z-index:0;
    /*text-shadow: 1px 1px #112211;*/
}
#right_arrow5 {
    float: left;
    left:-85px;
    top: -65px;
    z-index: 1;
}



#sail_specs {
    /*display: inline-block;
    float: left;*/
    font-size: .77em;

    /*padding: 5px;
    margin-left: auto;
    margin-right: auto;

    margin-left: auto;
    margin-right: auto;*/
}

#results_status {
    clear: both;
    display: inline-block;
    color: yellow;
    font-weight: 800;
    margin-right: 25px;
    margin-top: 30px;
    padding:1px 10px 1px 10px;
    font-size: 1.7em;
}


#get_quote {
    position: relative;
    margin: 15px 0px 0px;
    top: 0px;
}

#sailboat_specs {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

/*button styles */
#buttons {
    position: relative;
    left: auto;
    top:-35px;
    clear: left;
    margin-right: 220px;
}


.buttonClass {
    width: 130px;
    float: right;
}

#dimension_header {
    position:absolute!important;
    top: 1px;
}

#dimension_header2 {
    display: none;
}

#dimension_label {
    font-family:"Courier New", Courier, monospace;
    font-weight: 800;
    font-size: 1.2em;
    color: rgb(125,0,0);
}


#sailboat_list{
    clear:both;
}


/*sailboat model label and dropdown styles */
/*#sailboat_model_list {
    margin-top: 20px;
    margin-right: 0px;
    font-family:"Courier New", Courier, monospace;
    font-weight: 800;
    font-size: 1.2em;
}*/


#i, #j, #p, #e {
    width: 70px;
    margin-right: 20px;
    text-align:center;
}
input[type=number]{
    width:60px;
}

#sailboat_specs input{
    border: hidden;
    background: inherit;
    
}


select {
    margin-top: 1.0em;
    margin-bottom: 1.0em;
    margin-right: 15px;
}

/*.FindButton {
    
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 0px 3px #666666;
  -moz-box-shadow: 0px 0px 3px #666666;
  box-shadow: 0px 0px 3px #666666;
  
  color: #000;
  font-size: 15px;
  background: #ff0000;
  text-decoration: none;
  
}
.FindButton:hover{
  background: #44a60c;
  text-decoration: none;
}*/



#content_tables {
    /*width: 95%;
    margin-left: auto;
    margin-right: auto;*/
}


.sailboat_spec {
    border-bottom: 1px dashed white;
    cursor: help;
}

body.waiting * {
    cursor: progress;    
}


#left_column, #right_column {
    width: 48%;
    /*height: 650px;*/
/*    border: 1px solid green;*/
}
#left_column {
    
    
    float: left;
}

#right_column {
    
    float: right;
}

.column_header * {
    /*display:inline-block;
    float: left;
    padding: auto;
    margin-left: auto;*/
	margin-bottom: 10px;
}

#offshore_price, #coastal_price{
    /*float:right;
    margin-right: auto;*/
}

.price {
    margin-top:17px;
    color: rgb(43,132,43);
    font-size: 1.1em;
}

.CallMessage {
    display: inline-block;
    position: relative;
    top: -30px;
    color: red;
    font-weight: bold;
    background: yellow;
    text-align: center;
}

.quote_image, .quote_content {
/*    border: 1px dotted blue;*/
    /*height: 100%;*/
    margin: 2px;
    float: left;
}

.quote_image {
    width: 30%;
    clear: both;
}

.quote_content {
    width: 65%;
}

.static_content{
    width:100%;
    height: auto;
/*    border: 1px dotted orange;*/
}
.static_content h4{
    clear:both;
}
.options input, select{
    margin-left: 3em;
    width:auto;
    height: auto;
/*    border: 1px dotted orange;    */    
}

.static_content li{
    font-size: 15px;
    line-height: 18px;
}

input[type="checkbox"]  + label, .select_label{
    
    font-weight: normal;
    line-height: 1.5em;
}

img{
    margin-top:30px;
    margin-left: auto;
    margin-right: auto;

}

#colors {
    width: 340px;
}

@media print {
    .print, .findButton, #print_offshore, #print_coastal{
        display:none !important;
    }
    
}

@media screen and (max-width: 1268px){
	.quote_image{
		display:none;
	}
}
@media screen and (min-width: 1269px){
	.quote_image{
		display:block;
	}
}


@media screen and (max-width: 1000px){
	#left_column, #right_column {
		width: 100%;
		height:auto;
		margin-left: 0px;
		margin-right: 0px;
		float: none;
	}
	.column_header {
		
	}
}