/* generic styles from template version 1.0 */
/* NOTE: any * > selector rules are for standards-compliant browsers. The rule before will have a style that works in IE6. */
/* Table of Contents 

	Reset Styles
	Layout
	Typography and Inline Elements
		Message Boxes
	Forms
*/

/* Reset Styles */
/* From Eric Meyer http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
/* *************************************************************************************** */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* Layout */
/* *************************************************************************************** */
* { margin:0; padding:0; border:none } /* Reset all elements to zero margin and padding */
body { color: #333; font-family: Verdana, Geneva, sans-serif; font-size:100%; line-height:1.75em; }
.left { float:left; margin:0 1em 1em 0 }
.right { float:right; margin: 0 0 2em 2em }
.clear { clear:both }
.clearfix:after, .products:after, .photo-gallery li:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix, .products, .photo-gallery li:gallery { display: inline-block; }
html .clearfix, html .products, html .photo-gallery li { display: block; }
* html .clearfix, * html .products, * html .photo-gallery li { height: 1%; }


/* Typography and Inline Elements */
/* *************************************************************************************** */
h1 { border-bottom: 0.15em solid #D6D6D6; margin-bottom: 1.2em; font: bold normal 1.6em/0.9em Verdana, Geneva, sans-serif; color: #EC118F; padding: 10px 0 0 0; }
h2 { font-size: 1.35em; font-family: Verdana, Geneva, sans-serif; font-weight: normal; margin-top:1.25em; }
.products + h2 { margin-top:0; }
p { margin:0 0 1em } /* Default bottom padding for paragraphs that can't handle styles below (yes IE6)*/
ul { list-style: disc outside; margin-left: 1.5em; }
ul + h2, ul + h3 { margin-top:1em; }
a { outline-style:none } /* remove the dotted border around clicked links */
a:link { color:#EC118F }
a:visited { color:#EC118F }
a:hover, a:active { color:#bd0e73 }
#state-map {margin:2em 0 1em}
/* Message Boxes - from mattvarone.com */
.message-box { text-align: center; padding: 5px; color:#545454; margin:5px auto; }
.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; }
.info { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; }
.ok { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; }
.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; }
.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }
/* Forms */
/* some of these classes and styles are applied during validation. .validation_error gets 
	applied by the JavaScript validation or by the PHP validation. */
/* *************************************************************************************** */
form { width:auto; margin: 0 0 1em 0; }
form .row { clear:both; }
#content form .row { margin:0 0 .5em; padding:0 }
label { display:block; }
textarea, input { width:100% }
textarea, input, select { margin:0 .25em 0 0; border:solid 1px #D6D6D6; padding:0.25em; }
form div.buttons { text-align:left; display:block; float:none; clear:both; }
form div.buttons input { background-color:#FDE7F4; color:#ec118f; cursor:pointer; font-size:0.9em; height:auto; line-height:normal; text-transform:lowercase; width:auto; padding: .25em 2em; border:solid 1px #ec118f }
form div.buttons input:hover, form div.buttons input:active, form div.buttons input:focus { background-color:#EC118F; color:#fff; border:solid 1px #ec118f; }
form .row .note { display:block; }
p.validation_error { text-align:center; color:#EE2E24; }
form .row .validation_error { display:block; color:#EE2E24; font-size:.9em; padding-left: 20px; background: url(../images/validationErrorArrow.png) no-repeat 0 10px; }
form .row label .note { display:inline; padding:0 }