/* 	---------------------------------------------------------------
Copyright (c) 2007 August Ash Inc. (http://www.augustash.com)

Screen Style Sheet
Version: $Id: screen.css 47 2008-06-12 14:08:57Z jjohnson $
	--------------------------------------------------------------- */

/* 	=============================
	Colors:
	
	=============================	*/

body {
	background:#a4a676;
	text-align:center;
	color:#222;
	font:normal 13px Arial, Helvetica, sans-serif;
}

p, table {margin:0 0 1em; line-height:1.6em;}
img {border:0;}
.access, hr {display:none;}
.clearer {clear:both; height:1%; line-height:1%; font-size:1%;}
.required, .error {font-weight:bold; color:#823d03;}
a:link, a:visited {color:#8c4303; font-weight:normal; text-decoration:underline;}
a:hover, a:active {text-decoration:none; outline:none;}

/* TYPE
----------------------------------------------- */
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
pre, code {white-space:pre; font-family:'andale mono','lucida console',monospace; line-height:1.5;}

/* HEADINGS
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 {font-size:24px;}
h2 {font-size:19px;}
h3 {font-size:17px;}
h4 {font-size:15px;}
h5 {font-size:13px;}
h6 {font-size:11px;}

/* LISTS
----------------------------------------------- 
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
ul, ol {list-style-position:outside; margin:1em 0 0 0; padding:0 0 0 3em;}
ul ul, ol ol, ul ol, ol ul{list-style-type:square; list-style-position:outside;}
ol, ol ol, ul ol{list-style-type:decimal;}
dl {margin:0;}
dl dt {font-weight:bold;}
dl dd {margin:0 0 0 1.5em;}

ul li {list-style-type:disc;}
*/

/* BASE LAYOUT
----------------------------------------------- */

div#wrap {position:relative; width:100%; margin:0 auto; height:417px; text-align:left; padding:0; background: url(/skin/frontend/mfassociates/main/images/tpl/bg_wrap_repeat.jpg) repeat-x;}
div#wrap-top {position:relative; margin:0 auto; width:100%; height:421px; background: url(/skin/frontend/mfassociates/main/images/tpl/bg_wrap_top.jpg) no-repeat top center;} 
div#header {position:relative; width:940px; height:157px; margin:0 auto; background:url(/skin/frontend/mfassociates/main/images/tpl/bg_header.jpg) no-repeat top center; z-index:1000;}
div#cwrap {width:900px; padding:30px 20px; background:#f5f3e5; margin:0 auto; position:relative;}
div#side-container {float:left; width:175px; margin:0;}
div#searchbox {width: 175px; min-height:50px; float:left; position:relative; display:inline; border:1px solid #efefef;}
div#side-wrap{position:relative; float:left; margin:0px 0 0 0; width:175px; background:#7F8158 url(/skin/frontend/mfassociates/main/images/tpl/bg_bot_sidebar.png) bottom center no-repeat;}
div#side-top {position:relative; float:left; display:inline; margin:0px 0 0 0; width:175px; min-height:248px; background: url(/skin/frontend/mfassociates/main/images/tpl/bg_top_sidebar.png) top center no-repeat;}
div#side-social{position:relative; float:left; margin:10px 0 0 0; width:175px; background:none;}
div#side {float:left; display:inline; margin:0px 0 0 0; width:155px; padding:10px; background: none;}
div#main {}
div#xtra {float:right; display:inline; width:660px; min-height:400px; margin:20px 0 0 0; padding-right:10px; position:relative;}
div#footer {clear:both; padding:1em 0; text-align:center; background:none;}



/* REP ZONE
----------------------------------------------- */
div#main .rep a:link{font-weight: bold; font-color:#EE0000;}
div#main .rep-title {font-size: medium; font-weight: bold; padding: 20px 0 0 0; }
div#main .rep-category {padding: 0 0 0 20px;}
div#rep-doc {display:none;}
div#rep-prod-info {display:none;}
div#rep-buy-group {display:none;}
div#rep-trade-show {display:none;}
div#rep-brochure {display:none;}
div#rep-postcard {display:none;}
div#rep-updates {display:none;}
div#rep-electronic-spec-catalog {display:none;}
div#rep-electronic-spec-theme {display:none;}
div#rep-clock-specs {display:none;}
div#rep-flameless-specs {display:none;}
div#rep-illuminator-specs {display:none;}
div#rep-valet-specs {display:none;}
div#rep-uvc-specs {display:none;}
div#rep-electronic-specs {display:none;}
div#rep-outdoor-specs {display:none;}
div#rep-toys-specs {display:none;}
div#rep-faq {display:none;}

div#rep-catalog {display:none; padding: 0 0 0 35px;}



/* HEADER
----------------------------------------------- */
div#header h1 a:link, div#header h1 a:visited {
    background:url(/skin/frontend/mfassociates/main/images/tpl/bg_h1_logo.png) no-repeat 30px 30px;
	display:block;
	position:relative;
	width:478px;
	height:0px;
	padding-top:100px;
	overflow:hidden;
	font-size:1%;
	line-height:1%;
	border:0;
	text-decoration:none;
	color:#F7F3E8;
	float:left;
}
div#header h1 a:hover, div#header h1 a:active {border:0;text-decoration:none;}

div#header .login {float:right; padding:40px 30px 0 0; position:relative; display:inline; font-weight:normal;}


/*------------------------------------------
 Suckerfish Drop-Down Navigation */

ul#nav {
	position:relative;
	width:900px;
	padding:0px;
	z-index:100;
	float:left;
	margin:33px 0 0;
}
ul#nav li {
	display:inline;
	padding-left:30px;
	float:left;
	margin:0px;
}
ul#nav li.home { display:none;}
ul#nav li a {text-decoration:none; display:block; color:#8c4303; padding-bottom:5px; font-weight:bold;}
ul#nav li a:hover, ul#nav li a:active {text-decoration:underline; display:block;}
ul#nav li a.menuactive {color:#592202; font-weight:bold; cursor:pointer;}
ul#nav li a.activeparent, ul#nav li a.menuparent {font-weight:bold; cursor:pointer;} /*Fixes a strange definition issue with a section header link*/

/* Section header styling */
ul#nav li.about-us, ul#nav li.about-us a:hover,
ul#nav li.mfa-advantage, ul#nav li.mfa-advantage a:hover,
ul#nav li.productinformation, ul#nav li.productinformation a:hover,
ul#nav li.retailers, ul#nav li.retailers a:hover,
ul#nav li.customer-service, ul#nav li.customer-service a:hover {cursor:default; text-decoration:none;}

ul#nav dfn {display:none;}

ul#nav li ul { /* second-level lists */
	position:absolute;
	background:#F5F3E5;
	width:13em;
	border:solid #7F8158;
	border-width: 1px;
	padding:0;
	margin:0;
	left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
ul#nav li ul li { display:block; width:13em; padding:0; border:0px; line-height:1.2em;}
ul#nav li ul li a { display:block; padding:5px 7px; margin:0px; color:#592202; cursor:pointer; font-size:11px; text-transform:uppercase;}
ul#nav li ul li a:hover, ul#nav li ul li a:active {color:#8c4303; background:#E4E4D6; cursor:pointer !important; text-decoration:none;}

ul#nav li ul ul { /* third-and-above-level lists */
	margin: -27px 0 0 168px;
	position:absolute;
	background:#e4e4d6;
	border-left:medium none;
	padding:0 0 5px;
	width:11em;
}
ul#nav li ul li ul li a {text-transform:none; padding:5px 7px 0; width:11em; background:none;}
ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li.sfhover ul ul, ul#nav li.sfhover ul ul ul {
	left:-999em;
}
ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul, ul#nav li li li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
}
ul#nav li:hover, ul#nav li.hover {
    position: static;
}


/* SIDE
----------------------------------------------- */
div#side h2 {color:#f2eda0; font-weight: normal; padding-top:10px;}
div#side h2 a:link, div#side h2 a:visited {color:#fff; font-weight: normal; padding-bottom:10px; text-decoration:none;}
div#side h2 a:hover {text-decoration:none;}

div#side h3 {color:#fff; font-weight: normal; padding-top:10px; line-height:1.2em;}
div#side h3 a:link, div#side h3 a:visited{color:#fff; font-weight: normal; padding-top:20px; text-decoration:none;}
div#side h3 a:hover {text-decoration:underline;}

div#side p.right{color:#fff; text-align:right; text-align:right; float:none !important;}
div#side .right a:link, div#side .right a:visited {color:#f2eda0; font-weight:normal; padding-bottom:10px; margin:0;}
div#side .right a:hover {text-decoration:none;}

div#side div.NewsSummary { border-bottom:1px solid #8D8F6C; padding:0 0 15px;}

div#side p.NewsSummarySummary {color:#F5F3E5; margin:0px; line-height:1.2em;}
div#side p.NewsSummarySummary a {font-weight:bold; color:#fff;}
div#side h3.NewsSummaryLink { font-size:13px; text-transform:uppercase;}



/* MAIN
----------------------------------------------- */
div#main p#NewsPostDetailDate {padding:0 0 6px; margin:0; font-size:12px; text-transform:uppercase; font-style:italic; color:#6E6F53;}

div#main h3#NewsPostDetailTitle {padding:0 0 7px; margin:0 0 10px; border-bottom:1px solid #ADAF99;}
div#main .NewsSummary { padding:0 0 10px; margin:0 0 10px;}

div#main h1 {color:#333; text-transform:uppercase; font-weight:normal; line-height:30px; margin:0 0 10px;}
div#main h2 {color:#5F5F3B; font-weight:normal; margin:0 0 .25em;}
div#main h3 {color:#5F5F3B; font-weight:normal; line-height:20px; padding-top:10px; margin:0;}

div#main ul {margin:0 0 15px; }
div#main ul li {list-style-type:square; padding:3px 0; margin:0 0 0 25px;}
div#main ul li li {list-style-type:circle; padding:2px; line-height:1.3em; color:#383838;}

div#main ul#address {margin:0 0 15px; }
div#main ul#address li {list-style-type:none; padding:3px 0; margin:0 0 0 25px;}
div#main ul#address li li {list-style-type:none; padding:2px; line-height:1.3em; color:#383838;}

div#main ul.gallery li { display:block; width:131px; float:left; margin:10px; padding:0; list-style-type:none; border:2px solid #F5F3E5 }
div#main ul.gallery li img { clear:both; padding:0; }
div#main ul.gallery li:hover { border:2px solid #8F5D35;}

div#main ol {width:90%; margin:0 auto;}
div#main ol li {list-style-type:decimal; padding:.5em 0; line-height:1.6em;}

.video {float:right; padding:0 11px 0 0;}

/* TRADE SHOW TABLE
------------------------------------------------*/
table#tradeshows {width:100%;}
table#tradeshows p {margin:0; padding:0;}
table#tradeshows dd {color:#260B01; font-weight:bold; text-transform:uppercase; margin:0;}
table#tradeshows tr#tablehead td {font-weight:bold; background:#757751; color:#F2EDA0; text-align:left; padding:10px; border-right:1px solid #DFDBC3;}
table#tradeshows tr { vertical-align:text-top;}
table#tradeshows tr td {padding:10px; border:1px solid #DFDBC3;}

/* XTRA
----------------------------------------------- */
div#xtra ul#products {width:660px; height:120px; margin:0px; padding:0px;}
div#xtra ul#products li {display:block; float:left; padding:0 0 40px 0;}
div#xtra ul#products li a:link, div#xtra ul#products li a:visited {text-decoration:none; text-transform: uppercase;}
div#xtra ul#products li a:hover {text-decoration:underline; text-transform: uppercase;}

div#xtra ul#products li.r1c1 {background: url(/skin/frontend/mfassociates/main/images/tpl/btn_r1c1.jpg) no-repeat top center; padding:0; float:left;}
div#xtra ul#products li.r1c1 a:link, 
div#xtra ul#products li.r1c1 a:visited {width:185px; height:0; padding-top:103px; display:block;}
div#xtra ul#products li.r1c1 a:hover,
div#xtra ul#products li.r1c1 a:active {background:none;}

div#xtra ul#products li.r1c2 {background: url(/skin/frontend/mfassociates/main/images/tpl/btn_r1c2.jpg) no-repeat top center; margin-left:52px;}
div#xtra ul#products li.r1c2 a:link, 
div#xtra ul#products li.r1c2 a:visited {width:185px; height:0; padding-top:103px; display:block;}
div#xtra ul#products li.r1c2 a:hover,
div#xtra ul#products li.r1c2 a:active {background:none;}

div#xtra ul#products li.r1c3 {background: url(/skin/frontend/mfassociates/main/images/tpl/btn_r1c3.jpg) no-repeat top center; margin-left:52px;}
div#xtra ul#products li.r1c3 a:link, 
div#xtra ul#products li.r1c3 a:visited {width:185px; height:0; padding-top:103px;  display:block;}
div#xtra ul#products li.r1c3 a:hover,
div#xtra ul#products li.r1c3 a:active {background:none;}

div#xtra ul#products li.r2c1 {background: url(/skin/frontend/mfassociates/main/images/tpl/btn_r2c1.jpg) no-repeat top center;}
div#xtra ul#products li.r2c1 a:link, 
div#xtra ul#products li.r2c1 a:visited {width:185px; height:0; padding-top:103px;  display:block;}
div#xtra ul#products li.r2c1 a:hover,
div#xtra ul#products li.r2c1 a:active {background:none;}

div#xtra ul#products li.r2c2 {background: url(/skin/frontend/mfassociates/main/images/tpl/btn_r2c2.jpg) no-repeat top center; margin-left:52px;}
div#xtra ul#products li.r2c2 a:link, 
div#xtra ul#products li.r2c2 a:visited {width:185px; height:0; padding-top:103px;  display:block;}
div#xtra ul#products li.r2c2 a:hover,
div#xtra ul#products li.r2c2 a:active {background:none;}

div#xtra ul#products li.r2c3 {background: url(/skin/frontend/mfassociates/main/images/tpl/btn_r2c3.jpg) no-repeat top center; margin-left:52px;}
div#xtra ul#products li.r2c3 a:link, 
div#xtra ul#products li.r2c3 a:visited {width:185px; height:0; padding-top:103px;  display:block;}
div#xtra ul#products li.r2c3 a:hover,
div#xtra ul#products li.r2c3 a:active {background:none;}

div#xtra ul#products li.r3c1 {background: url(/skin/frontend/mfassociates/main/images/tpl/btn_r3c1.jpg) no-repeat top center;}
div#xtra ul#products li.r3c1 a:link, 
div#xtra ul#products li.r3c1 a:visited {width:185px; height:0; padding-top:103px;  display:block;}
div#xtra ul#products li.r3c1 a:hover,
div#xtra ul#products li.r3c1 a:active {background:none;}

div#xtra ul#products li.r3c2 {background: url(/skin/frontend/mfassociates/main/images/tpl/btn_r3c2.jpg) no-repeat top center; margin-left:52px;}
div#xtra ul#products li.r3c2 a:link, 
div#xtra ul#products li.r3c2 a:visited {width:185px; height:0; padding-top:103px;  display:block;}
div#xtra ul#products li.r3c2 a:hover,
div#xtra ul#products li.r3c2 a:active {background:none;}

div#xtra ul#products li.r3c3 {background: url(/skin/frontend/mfassociates/main/images/tpl/btn_r3c3.jpg) no-repeat top center; margin-left:52px;}
div#xtra ul#products li.r3c3 a:link, 
div#xtra ul#products li.r3c3 a:visited {width:185px; height:0; padding-top:103px;  display:block;}
div#xtra ul#products li.r3c3 a:hover,
div#xtra ul#products li.r3c3 a:active {background:none;}

div#xtra h2{color:#8c4303; font-weight:normal; padding:0; margin:0;}


/* FOOTER
----------------------------------------------- */
p#copyright {font-size:11px; margin:1em 0 0; color:#fff;}
p#credits {font-size:11px; margin:0; color:#fff;}
p#credits a {color:#f2eda0; text-decoration:underline;}
p#credits a:hover, p#credits a:active {text-decoration:none;}


/* SECONDARY
----------------------------------------------- */
body.secondary div#main {float:right; display:inline; width:660px; padding-right:10px; position:relative;}
body.secondary div#main h1 {color:#260b01; margin-bottom:.5em;}
body.secondary div#xtra {float:right; position:relative; display:inline; width:337px; padding-top:40px;}
div#main img {float:right; display:block; padding:0 0 8px 8px;}

/* SPECIAL LISTS
----------------------------------------------- */
div#main ul#pdfdownloads {margin:0 0 15px; padding:0;}
div#main ul#pdfdownloads li {background:url(/skin/frontend/mfassociates/main/images/tpl/PDF-Icon-li.png) no-repeat; padding:10px 0 20px 50px; margin:0; display:block; list-style-position:outside; list-style-type:none;}


/*FORMS
----------------------------------------------- */
form#m2moduleform_1 { margin:0; width:100%;}
form#m2moduleform_1 p { clear:both; }
/*fieldset { border:0px solid #ccc; position:relative;}*/
.formbuilderform legend { float:left; display:inline; padding:0; background:#fff; font-size:1.75em;}
.formbuilderform label { font-weight:bold; display:block; float:left; width:200px; padding:0 1em 0 0; margin:0 0 0 5px; text-align:right;}
.formbuilderform input { font-weight: normal; width:200px; margin:.3em 0 .5em 0; padding:.2em .5em; border:1px solid #666; }
.formbuilderform select { font-weight: normal; width:200px; margin:.3em 0 .5em 0; }
.formbuilderform textarea { font-weight: normal; width:300px; height: 100px; padding:.5em; }
.formbuilderform select { border:1px solid #666; }
.formbuilderform option { padding:0 .5em; }


.formbuilderform textarea {
	border: none;
	border: 1px solid #666;
}
.formbuilderforminput:focus, .formbuilderformtextarea:focus {
	background: #f9f9f9;
}
form .formbuilderform div {
	margin-bottom: 0;
	clear: both;
	width:100%;
}

.formbuilderform div.feedback {
	clear: both;
	width:100%;
}

.formbuilderform div.feedback label {font-weight:bold; display:block; float:none; width:100%; padding:0 0em 0 0; margin:0 0 0 0px; text-align:left;}
.formbuilderform div.feedback select {width:150px;}
.formbuilderform input.fbsubmit {
	cursor: pointer;
}
.formbuilderform div.checkbox input {
	width: auto;
	text-align: left;
	float:left;
}
.formbuilderform div.captcha {text-align:center;padding:10px; border:1px dotted #d2d2d2; margin:20px auto; width:425px;}
.formbuilderform div.captcha img {
	display: block;
	margin:0 auto;
	padding:10px 0;
}
.formbuilderform div.captcha #m3fbrp_captcha_phrase {margin-top:5px;}
.formbuilderform div.submit {width:100%;}
	.formbuilderform div.submit input {
		position: relative;
		display: block;
		width: 114px;
		height: 40px;
		padding-top: 40px;
		margin: 0 auto;
		overflow: hidden;
		font-size: 1%;
		line-height: 1%;
		color: #2d2d2d;
		border: 0;
		text-decoration: none;
		background: transparent url(/skin/frontend/mfassociates/main/images/tpl/btn_submit.png) no-repeat;
	}

/*	===================
		Radio Buttons
		===================	*/

/*	===================
		Check Boxes 
		===================	*/


/*	===================
		Submit Buttons
		===================	*/
.formbuilderform input#btn_submit { width:auto; cursor:pointer; }
.formbuilderform input#btn_reset { width:auto; cursor:pointer; }

/* IE 6 Hacks 
-------------------------------------------------	*/
*html button { padding:0; }
*html input#btn_submit { padding:0; }
*html input#btn_reset { padding:0; }

/* IE 7 Hacks 
-------------------------------------------------	*/
*:first-child+html button { padding:0; }
*:first-child+html input#btn_submit { padding:0; }
*:first-child+html input#btn_reset { padding:0; }


/* safari 3 hack (these also affect Opera v9) */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	fieldset { display:block; margin:1em 0 2em 0; }
	legend { position:absolute; top:-18px; left:20px; }
}