/* /common/css/ffwhite.css */

/* ************* Basic structure stuff ******************************** */
body        { background-color:#FFF; font-size:1em; font-family:Arial, Helvetica, verdana, sans-serif; color:#000; }
#headerkeys { font-size:.8em; text-align:center; margin-top:-.6em; }
#headings1  { margin-top:.5em; }
#hd			{ margin:0 auto; width:754px; background-color:#FFF; border-bottom:#000 1px solid; } /* For header dropmenu */

/* *************** H Tags *****************/
h1, h2, h3, h4, h5, h6	{ color:#990000; font-size:1em; margin-top:0; margin-bottom:.3em; }
.notop					{ margin:0 0 .7em 0; padding-top:0; }

table#main						{ width:100%; margin:0 auto; }
table#prod						{ width:36em; text-align:center; margin:0 auto; } /* Table for images on the product pages */
td#left, td#leftcenter, td#right, td#center	{ vertical-align:top; }
/*td#center						{ width:100%; }*/
td#address						{ text-align:center; color:#990000; font-weight:bold; }
table#decthumbs td				{ width:200px; text-align:center; height:40px; vertical-align:top; }
table#decthumbs tr#name td		{ padding-bottom:1em; }

#one        	{ width:755px; margin:0 auto; text-align:center; border:black solid 1px; }
#colcenter  	{ background-color:#FFF; padding:0 10px 10px 10px; text-align:justify; vertical-align:top; font-size:.9em; }
#leftcol    	{ float:left; background-color:#FFF; margin-right:1em; padding:4px; width:142px; text-align:left; vertical-align:top; font-size:.87em; }
#centercol  	{ float:left; background-color:#FFF; padding:0; text-align:justify; vertical-align:top; font-size:.9em; width:37em; }

/* ************* Decorator profile pages (Codeigniter) ********************* */
#dec-leftcol    { float: left; background-color: #FFF; margin: 1em 0 0 1em; padding: 4px; width: 142px; text-align: left; vertical-align: top; font-size: .75em; }
#dec-centercol	{ float: left; background-color: #FFF; padding: 0; text-align: justify; vertical-align: top; font-size: .9em; width: 38em; margin-left: 1em; }
#dec-leftcol a			{ line-height: 1.6em; }
#dec-leftcol a:link		{ color: #777; text-decoration: none; }
#dec-leftcol a:visited	{ color: #777; text-decoration: none; }
#dec-leftcol a:hover	{ color: #000; background-color: transparent; text-decoration: underline; }
#dec-leftcol .header a:link	{ color: #982617; }

/* ************* Contact pages (Codeigniter) ********************* */
table#contactmain			{ width:100%; margin:0 auto; } /* The main table on the contact form */
#contact-colleft    		{ float:left; background-color:#FFF; margin:1em 0 0 1em; padding:4px; width:142px; text-align:left; vertical-align:top; font-size:.75em; }
#contact-colleft a			{ line-height:1.6em; }
#contact-colleft a:link		{ color:#777; text-decoration:none; }
#contact-colleft a:visited	{ color:#777; text-decoration:none; }
#contact-colleft a:hover	{ color:#000; background-color:transparent; text-decoration:underline; }

/* ************* Promotional r.h. column on home page ****************** */
#promo			{ margin:0 0 0 1em; padding:0; width:185px; height:400px; text-align:center; font-size:.77em; font-family:Arial, Helvetica, sans-serif; vertical-align:top; }
#promo .head	{ color:#990000; font-size:1.5em; font-weight:bold; }
#promo1			{ /*background-color:#ffd499; height:95px;*/ padding:0px 0px 0px 0px; text-align:center; }
#promo2			{ background-color:#f8e0c2; height:45px; padding:5px 7px 4px 7px; text-align:center; font-size:1.6em; /*margin-top:1em;*/  }
#promo3			{ background-color:#d8b698; height:24px; padding:5px 0px 5px 0px; text-align:center; }
#promo4			{ /*background-color:#f8e0c2;*/ height:64px; /*padding:5px 7px 4px 7px;*/ text-align:center; }
#promo5			{ background-color:#ffd499; height:40px; padding:3px 0 5px 0; text-align:center; }
#promo6			{ background-color:#f8e0c2; height:66px; padding:0px; margin:0; text-align:center; font-size:1.5em; }
#promo7			{ background-color:#f8e0c2; height:78px; /*padding:3px;*/ /*margin:0 0 .5em 0;*/ text-align:center; font-size:1.1em; }

/* ******************* Stuff ******************* */
#content		{ padding: 0 10px; font-size: .9em; }
table#contactmain #content		{ width: 38em; margin: 0 auto; padding: 0 10px; text-align: justify; font-size: .9em; }
table#contactmain #content2		{ width: 38em; margin: 0 auto; padding: 0 10px; text-align: justify; font-size: .9em; }
#content.sweeps { font-size: .8em; text-align: left; }
#index			{ text-align: left; }
#copyright  	{ text-align: center; font-size: .65em; width: 78%;	margin: .5em auto; }
#wd400			{ max-width: 400px; min-width: 350px; }

/* ****************** Sweepstakes form **************** */
table#formsweeps           	{ font-size: .85em; margin: 0 0 0 2em;  }
table#formsweeps td.labels	{ text-align: left; padding-bottom: .7em; font-size: .9em; }
table#formsweeps td.fields	{ text-align: right; }

/* ******************* Survey ******************* */
table#contactmainsurv #content	{ width: 36em; margin: 0 auto; padding: 0 10px; text-align: justify; font-size: .9em; }
table#contactmainsurv #content2	{ width: 36em; margin: 0 auto; padding: 0 10px; text-align: justify; font-size: .9em; }
table#formsurv           		{ width: 38em; font-size: .85em; margin: .85em auto;  }
table#formsurv td.labels		{ text-align: left; padding-bottom: .7em; font-size: .9em; }
table#formsurv td.fields		{ text-align: right; }

/* ****************** Company pages ******************** */
#content.cmpy			{ font-size:.8em; float:left; margin:-.8em 0 0 1em;  }
#content.cmpy p			{ padding:0 10px 0 10px; }
#content.cmpy .redbold  { color:#982617; font-weight:bold; }
#content.minheight1		{ min-height:20em; }
body#awards li			{ margin-left:2em; }

/* ****************** Directions pages ******************** */
#colcenter #storeimg	{ margin-left:9.8em; }
#colcenter .photos		{ float:left; padding:1em .4em; /*margin: 1em auto;*/ }

/* ****************** Designer pages ******************** */
#content.designers					{ width:38em; margin:0 auto; padding:0; font-size:.9em; text-align:center; /*display: inline-block;*/ }
#content.designers p#vic			{ text-align:left; }
#content.designers h1.tagline		{ font-size:1.4em; padding:0; margin-top:.7em;}
#content.designers #img1			{ padding-right:2em; text-align:left; }
#content.designers li				{ text-align:left; font-size:.8em; }
#content.designers .boxdesigners 	{ left:3em; border:1px solid #B12C1B; background-color:#FFFFFF; padding:1em .5em 1.5em .5em; margin:0 0 1em 1em; height:10em; width:16em; }
#content.designers .boxhead 		{ font-weight:bold; font-style:italic; font-size:1.2em; }
#content.designers .name 			{ font-weight:bold; }
#content.designers .copy 			{ font-size:.9em; }

/* ************* Left navigation column on company pages ************** */
#comp-colleft    					{ float:left; background-color:#FFF; margin:1em 0 0 1em; padding:4px; width:142px; text-align:left; vertical-align:top; font-size:.75em; }
#comp-colleft a						{ line-height:1.6em; }
#comp-colleft a:link				{ color:#777; text-decoration:none; }
#comp-colleft a:visited				{ color:#777; text-decoration:none; }
#comp-colleft a:hover				{ color:#000; background-color:transparent; text-decoration:underline; }

/* ************* Left navigation column on product pages ************** */
#prod-colleft						{ float:left; background-color:#FFF; margin:1.7em 1em 0 2em; padding:4px; width:140px; text-align:left; vertical-align:top; font-size:.75em; }
#prod-colleft li					{ line-height:1.5em; list-style-type:circle; }
#prod-colleft li a:link				{ color:#777; text-decoration:none; }
#prod-colleft li a:visited			{ color:#777; text-decoration:none; }
#prod-colleft li a:hover			{ color:#000; background-color:transparent; text-decoration:underline; }
#prod-colleft div.viewall			{ color:#000; margin-left:1em; text-decoration:none; font-weight:bold; }
#prod-colleft div a.viewall:link	{ color:#777; margin-left:1em; text-decoration:none; }
#prod-colleft div a.viewall:visited	{ color:#444; margin-left:1em; text-decoration:none; }
#prod-colleft div a.viewall:hover	{ color:#000; margin-left:1em; text-decoration:underline; }

/* ****************** Decorator contact form **************** */
.input			{ text-align:left; }
#req			{ font-size:.7em; color:#FF0000; }
.error			{ color:#FF0033; background-color:#FFFFFF; font-size:.8em; width:510px; text-align:left; margin:0 auto; padding:.2em; padding-left:.5em; padding-right:.5em; }
table#form           	{ font-size:.85em; margin:.85em auto;  }
table#form td.labels	{ text-align:left; padding-bottom:.7em; font-size:.9em; }
table#form td.fields	{ text-align:right; }
div#FORMA				{ margin:.3em 0 0 12em; }
.dropdowns				{ color:#00FF66; }
td#contactleft			{ vertical-align:top; }
td#contactcenter		{ width:33%; vertical-align:top; }

/* ****************** Short paragraphs on lower half of home page **************** */
#indexpara		{ font-size:.75em; text-align:left; margin-left:1em; }
#indexpara h1, #indexpara h2, #indexpara h3, #indexpara h4, #indexpara h5, #indexpara h6, #indexpara h7
				{ margin-top:0px; margin-bottom:-12px; color:#990000; }
#indexpara #row2{ clear:both; }
#indexpara .head{ color:#990000; font-size:1.1em; font-weight:bold; }
#indexpara .box	{ width:208px; float:left; text-align:justify; margin:0 0 1em 1em; padding:5px; }
#indexpara .box a:link, #indexpara .box a:visited { color:#990000; text-decoration:none; }
#indexpara .box a:hover { color:#111; text-decoration:underline; }

table#affiliates		{ width:755px; clear:both; margin:0 auto; }
/*table#affiliates #left	{ width:34%; margin-right:2em; }*/
table#affiliates #leftcenter{ text-align:center; margin:0 1em; }
/*table#affiliates #right	{ width:34%; }*/
table#affiliates .messg1	{ float:left; text-align:left; margin-bottom:.7em; color:#982617; font-size:.8em; font-weight:bold; }
table#affiliates .messg2	{ float:left; text-align:left; margin:0 0 .7em 3em; color:#000; font-size:.8em; }

.fields 				{ width:50px; } /* For contact forms? */

/* ************** Images ****************** */
img				{ border: none; text-decoration:none; }
img#logo		{ margin: 5px 0 0 30px; }
img.logopadding { padding: 0px 5px; }
img.pad5		{ padding: 5px; }
img.pad10		{ padding: 10px; }
img.margL65em	{ margin-left: 5.5em; }
img.column		{ padding: 10px 5px 0px 5px; border: 0; }
#fadeshow1		{ text-align: center; width: 500px; height: 400px; margin: 0 auto; vertical-align: top; /*margin-left: .5em; margin-top: -3em;*/ }
#fadeshowtoggler{ width: 250px; text-align: center; margin: 0 auto; margin-top: 10px; }

/* ************** Regular links ************* */
a.body 				{ line-height:1.3em; margin-left: .8em; }
a:link				{ background-color:transparent; text-decoration: none; }
a:visited img		{ text-decoration:none; }
a:visited			{ text-decoration:underline; }
a:hover img			{ text-decoration:none; }
a:hover 			{ color: #B12C1B; text-decoration:underline; }
a:active			{ background-color:transparent; text-decoration:none; }
#elink				{ background-color:#fff; width:12em; padding:.5em; }

/* **************** Header ****************** */
table#header_html					{ width:754px; height:140px; margin:0 auto; background-color:#FFF; border-bottom:solid 1px #000; }
table#header_html #navlinks			{ font-size:.7em; line-height:1.6em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
table#header_html a:link			{ color:#888; text-decoration:none; background-color:transparent; }
table#header_html #locator			{ margin:10px 1.2em 0 0; text-align:right; font-weight:bold; }
table#header_html a:link.locator	{ font-size:.8em; color:#888; }
table#header_html a:visited			{ color:#888; text-decoration:none; font-weight:bold; }
table#header_html a:visited.locator	{ font-size:.8em; color:#888; }
table#header_html a:hover			{ color:#111; background-color:transparent; text-decoration:underline; }
table#header_html a:hover.locator	{ color:#111; background-color:transparent; text-decoration:underline; }

/* **************** Promotions Page ****************** */
.sales { border:1px black solid; width:200px; height:240px; padding:.5em; }
.sales a:visited { text-decoration: none; }

/* *************** Floats *************** */
.floatr			{ float:right; margin:0; padding:0; }
.floatl			{ float:left; margin:0; padding:0; }
.floatc			{ margin-left:auto; margin-right:auto; }
.clearboth		{ clear:both; }
.noclear		{ clear:none; }

/* **************** Width ******************* */
.wide8		{ width:8em; }
.wide10		{ width:10em; }
.wide20		{ width:20em; }
.wide25		{ width:25em; }
.wide28		{ width:28em; }
.wide30		{ width:30em; }
.wide32		{ width:32em; }
.wide33		{ width:33em; }
.wide34		{ width:34em; }
.wide345	{ width:34.5em; }
.wide35		{ width:35em; }
.wide36		{ width:36em; }
.wide37		{ width:37em; }
.wide38		{ width:38em; }
.wide40		{ width:40em; }
.wide41		{ width:41em; }
.wide42		{ width:42em; }
.wide43		{ width:43em; }
.wide44		{ width:44em; }
.wide46		{ width: 46em; }
.wide48		{ width: 48em; }
.wide50		{ width: 50em; }
.wide52		{ width: 52em; }
.auto		{ margin:0 auto; }

/* **************** STILL NEEDED ???? ******************* */
#shopathome 	{ float:right; padding:0; }
.shopathome 	{ text-align:center; }
ul#shophome 	{ margin-left:8em; text-align:left; }
ul.comm			{ line-height:1.5em; }

/* ************* Begin Text Boxes *************** */
.boxA-border	{ border: 0px solid #982617; padding: 5px; margin-bottom: 5px; font-size: .7em; }
.boxA			{ border: 0px solid #982617; padding: 5px; margin-bottom: 5px; font-size: .8em; text-align: left; }
.boxB-border	{ border: 1px solid #982617; padding: 5px; margin-bottom: 5px; font-size: .8em; text-align: center; }
.boxheader1		{ font-style: italic; font-weight: bold; color: #935745; text-align: center; }
.boxheader2		{ font-style: italic; font-weight: bold; color: #982617; text-align: center; font-size: 1.2em; }

/* ************* Begin Font Style  *************** */
.it				{ font-style: italic; }
.super			{ vertical-align: super; }
.bold			{ font-weight: bold; }
.reallybold		{ font-weight: 900; }
.strike 		{ text-decoration: line-through; }

/* ************* Begin Lists  *************** */
ul 					{ list-style-type: circle; margin: 0; padding: 1.5em; }
li 					{ margin-left: 0em; padding-left: 0em; }
#motorized li		{ list-style-type: disc; margin-left: 3em; } /* For list on bottom of /products/motorization.php */
#content.cmpy ol li	{ text-align: justify; width: 35em; vertical-align: text-top; }			

/* ************* Begin Text Align *************** */
.left			{ text-align: left; }
.center			{ text-align: center; }
.right			{ text-align: right; }
.justify		{ text-align: justify; }
.vtop			{ vertical-align: text-top;  }
.margcent		{ margin: 0 auto; }
.underline		{ text-decoration: underline; }

/* ************* Begin Text Color *************** */
.txtred			{ color: #FF0000; }
.txtverydkred	{ color: #982617; }
.txtfabmetred	{ color: #990000; }
.txtfabgreen	{ color: #609946; }
.txtmeddkgrn	{ color: #507946; }
.txtwhite		{ color: #FFF; }
.txtltgray		{ color: #EEE; }
.txtmedgray		{ color: #CCC; }
.txtdkgray		{ color: #888; }

.footnotes		{ text-align: left; font-size: .95em; color: #000; }
.line15			{ line-height: 1.5em; }
.line17			{ line-height: 1.7em; }
.tagline		{ margin-top: .9em; }

/* *************** Begin Padding ***************** */
.pad03			{ padding: 3px; }
.pad5			{ padding: 5px; }
.pad10			{ padding: 10px; }
.padr5			{ padding-right: 5px; }
.padr10			{ padding-right: 10px; }
.padl10			{ padding-left: 10px; }
.padtbl10		{ padding: 10px 0 10px 10px; }
.padbl10		{ padding: 0 0 10px 10px; }
.padfb			{ padding: 10px 20px 0 0; }
.padtbr5		{ padding: 5px 5px 5px 0; }
.padtbr10		{ padding: 10px 10px 10px 0; }
.padbr10		{ padding: 0 10px 10px 0; }
.padl5			{ padding-left: 5px; }
.padlr5			{ padding: 0px 5px; }
.padlr10		{ padding: 0px 10px; }
.padlr20		{ padding: 0px 20px; }
.padlft10		{ padding-left: 10px; }
.padt4br10		{ padding: 4px 10px 10px 0; }
.padbr10		{ padding: 0 10px 10px 0; }
.padtop5		{ padding-top: 5px; }
.padtop10		{ padding-top: 10px; }
.padbot3		{ padding-bottom: 3px; }
.padbot5		{ padding-bottom: 5px; }
.padbot10		{ padding-bottom: 10px; }
.padtopbot5		{ padding: 5px 0 5px 0; }

/* *************** Begin Margin ***************** */
.margleft5		{ margin-left: 5px; }
.margleft10		{ margin-left: 10px; }
.margleft12		{ margin-left: 12px; }
.margleft15		{ margin-left: 15px; }
.margr5			{ margin-right: 5px; }

/* ************* Begin Font Sizes ************** */
.em04 			{ font-size: .4em; }
.em05 			{ font-size: .5em; }
.em06 			{ font-size: .6em; }
.em07 			{ font-size: .7em; }
.em08 			{ font-size: .8em; }
.em09 			{ font-size: .9em; }
.em10 			{ font-size: 1.0em; }
.em11 			{ font-size: 1.1em; }
.em12 			{ font-size: 1.2em; }
.em13 			{ font-size: 1.3em; }
.em14 			{ font-size: 1.4em; }
.em15 			{ font-size: 1.5em; }
.em16 			{ font-size: 1.6em; }
.em17 			{ font-size: 1.7em; }
.em18 			{ font-size: 1.8em; }
.em19 			{ font-size: 1.9em; }
.em20 			{ font-size: 2em; }