﻿form { padding: 0; margin: 0; }
ul#yaQuickMenu { margin: 0; padding: 0; list-style: none; list-style-image: none; }
ul#yaQuickMenu li { list-style: none; list-style-image: none; float: left; width: 33%; margin: 10px 0px; font-size: 0.85em; }
#yaPad { padding-left: 1em; padding-right: 1em; }
span.unBold { font-weight: normal; }
div.col8 { float: left; width: 12.5%; }
div.col5 { float: left; width: 20%; }
div.col4 { float: left; width: 25%; }
div.col3 { float: left; width: 33%; }
div.col2 { float: left; width: 50%; }
span.upperSmall { text-transform: uppercase; font-size: 0.75em; }
div.yaMenuHolder { background-color: #f2f2f2; }
div.yaMenuHolder p, div.yaMenuHolder h2 { margin-left: 1em; }
div.yaMenuHolder hr { margin-top: 0px; }
.formError { color: red; }
.formSuccess { color: #2c77ba; }
div.browsebut { margin-top: 20px; }
#main { min-height: 710px; }
@media screen and (min-width: 31em) and (max-width:47.9em) { /* 496px to 768px */
	ul#yaQuickMenu li, div.col3, div.col4 { display: block; width: 50%; }
	div.col5 { width: 33%; }
	div.col8 { width: 25%; }
	div.col2 { display: block; width: 100%; }
	#main { min-height: 300px; }
}
@media screen and (min-width: 10em) and (max-width:30.999em) { /* 320px - 495px */
	ul#yaQuickMenu li, div.col5, div.col4, div.col3, div.col2 { display: block; width: 100%; }
	div.col8 { width: 50%; }
	div.col5 input { width: 100%; }
	input:not([type="checkbox"]), select { width: 100%; }
    #searchBarMobile input.buttonsearch { width:auto !important }
	div.col5 p { margin-bottom: 0px; }
	#main { min-height: 300px; }
}
.optinbutton { background-color: #F49E37; float: left; margin-bottom: 1em; }
.optinbutton:hover { background-color: #FABE43; }
.optinbutton a { padding: 0.5em 1em; display: inline-block; color: white; }