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

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

/* *************** 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#right, td#center	{ vertical-align: top; }
td#center						{ width: 100%; }
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; }
/*#colleft    	{ background-color: #FFF; margin: 0; padding: 4px; width: 142px; text-align: left; vertical-align: top; font-size: .87em; }*/
#colcenter  	{ background-color: #FFF; padding: 0 10px 10px 10px; text-align: justify; vertical-align: top; font-size: .9em; }
/*#colright   	{ float: right; background-color: #FFF; margin: 1.3em 10px 0 0; padding: 4px; width: 140px; text-align: left; vertical-align: top; font-size: .87em; }*/
#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; }

/* ************* 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: #d8b698; height: 85px; padding: 5px 7px 5px 7px; text-align: center; }
#promo2			{ background-color: #f8e0c2; height: 75px; padding: 5px 7px 5px 7px; text-align: center; }
#promo3			{ background-color: #ffd499; height: 110px; padding: 5px 7px 5px 7px; text-align: left; }
#promo4			{ background-color: #f8e0c2; height: 40px; padding: 5px 7px 5px 7px; text-align: center; }
#promo5			{ background-color: #d8b698; height: 40px; padding: 5px 7px 5px 7px; text-align: center; }

/* ******************* Stuff ******************* */
#mycontent		{ 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; }
#index			{ text-align: left; }
#copyright  	{ text-align: center; font-size: .65em; width: 78%;	margin: .5em auto; }
#wd400			{ max-width: 400px; min-width: 350px; }

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

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


/* ****************** Designer pages ******************** */
#mycontent.designers					{ width: 38em; margin: 0 auto; padding: 0; font-size: .9em; text-align: center; /*display: inline-block;*/ }
#mycontent.designers p#vic			{ text-align: left; }
#mycontent.designers h1.tagline		{ font-size: 1.4em; padding: 0; margin-top: .7em;}
#mycontent.designers #img1			{ padding-right: 2em; text-align: left; }
#mycontent.designers li				{ text-align: left; font-size: .8em; }

#mycontent.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: 14em; }
#mycontent.designers .boxhead 		{ font-weight: bold; font-style: italic; font-size: 1.2em; }
#mycontent.designers .name 			{ font-weight: bold; }
#mycontent.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; /*border: black solid 1px;*/ 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 #center{ width: auto; margin: 0 1em; }
table#affiliates #right	{ width: 34%; }

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

/* ************** Images ****************** */
img				{ border: 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:link, a:active	{ background-color: transparent; text-decoration: none; }
a:hover 			{ color: #B12C1B; /*background-color: #FEE6E6;*/ text-decoration: underline; }
#elink				{ background-color: #fff; width: 12em; padding: .5em; }
a.body 				{ line-height: 1.3em; margin-left: .8em; }

/* **************** Header ****************** */
table#header_html					{ width: 754px; height: 140px; margin: 0 auto; background-color: #FFF; /*#5c98b3;*/ /*border-top: solid 1px #000; border-right: solid 1px #888;*/ border-bottom: solid 1px #000; }
table#header_html #navlinks			{ font-size: .9em; line-height: 1.6em; /*color: #FFF;*/ font-family: /*Arial, Helvetica, sans-serif;*/ Verdana, Arial, Helvetica, sans-serif; /*font-style: italic;*/ font-weight:bold; }
table#header_html a:link			{ color: #888; text-decoration: none; background-color: transparent; }
table#header_html #locator			{ margin: 10px 1em 0 0; text-align: right; font-weight: bold; }
table#header_html a:link.locator	{ font-size: .9em; color: #888; }
table#header_html a:visited			{ color: #888; text-decoration: none; font-weight: bold; }
table#header_html a:visited.locator	{ font-size: .9em; 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; }

/* *************** 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; }
.wide30		{ width: 30em; }
.wide34		{ width: 34em; }
.wide345	{ width: 34.5em; }
.wide35		{ width: 35em; }
.wide36		{ width: 36em; }
.wide37		{ width: 37em; }
.wide40		{ width: 40em; }
.wide41		{ width: 41em; }
.wide42		{ width: 42em; }
.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; }

.txtred			{ color: #FF0000; }
.txtverydkred	{ color: #982617; }
.txtmeddkgrn	{ color: #507946; }
.txtwhite		{ color: #FFF; }

.footnotes		{ text-align: left; font-size: .8em; 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; }
.padtbl10		{ padding: 10px 0 10px 10px; }
.padtbr5		{ padding: 5px 5px 5px 0; }
.padtbr10		{ padding: 10px 10px 10px 0; }
.padlr10		{ padding: 0px 10px; }
.padlr20		{ padding: 0px 20px; }
.padlft10		{ padding-left: 10px; }
.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 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; }