/* ylighting.css
This file contains all of the YLighting site css
except for the JQuery css, which is in jquery.modal.css
and should not need to be edited.  This file contains
the following sections:
Tag styles that're shared by all sections
LINKS
BOXES
HEADERS
GLOBAL STUFF
Removes margin from top of elements
Lists
Swatches
Dropdowns
hoverbox Code
hoverbox2 Code
*/

/**/
/* Tag styles that're shared by all sections  */
/**/

body, table, div, td, p {
	font: 11px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	color: #666666;
}

body {
  font-size: 11px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
  margin-bottom: 0px;
	background-color: #F4F4F4;

	}

#content {
	clear: left;
  padding: 0 0 0 1;
  margin: 0;
	color: #cccccc;
}

p {
	padding: 5px 0 5px 0;
	margin: 0;
}

.ahem {
	display:	none;
}

/*New 07.05.2005*/
h1, h2 {
font-family:Helvetica, Arial, sans-serif;
}
h3 ,h4, h5, h6, h7{
font-family:'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
}

/**/
/* LINKS */
/**/

a {
	text-decoration: none;
	border: none;
}

a:visited
	{
	color: #EE1E4B;
	}

a:link
	{
	text-decoration: none;
	color: #EE1E4B;
	}

a:hover
	{
	text-decoration: underline;
	color: #EE1E4B;
	}

.dark {
	color: #333333;
	}

a.dark {
	color: #333333;
	text-decoration: none;
	}

a.dark:visited {
	color: #333333;
	}

a.dark:hover {
	color: #333333;
	text-decoration: underline;
}

.white {
	color: #FFFFFF;
	}

a.white {
	color: #FFFFFF;
	text-decoration: none;
	}

a.white:link {
	color: #FFFFFF;
	text-decoration: underline;
}

a.white:visited {
	color: #FFFFFF;
	}

a.white:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.footer {
	color: #666666;
	}

a.footer {
	color: #666666;
	text-decoration: none;
	}

a.footer:visited {
	color: #666666;
	}

a.footer:hover {
	color: #666666;
	text-decoration: underline;
}

.bottombar {
	color: #F9F9F9;
	}

a.bottombar {
	color: #F9F9F9;
	}

a.bottombar:visited {
	color: #F9F9F9;
	}

a.bottombar:link {
	color: #F9F9F9;
	text-decoration: none;
	}

a.bottombar:hover {
	color: #F9F9F9;
	text-decoration: underline;
}
/* //END LINKS */

/**/
/* BOXES */
/**/

.captionheader {
	background-color: #DEDEDE;
	color: #333333;
	padding: 5px;
	font-weight: bold;
}

.sidebarred {
	color: #EE1E4B;
	background-color: #F9F9F9;
	border: 0px;
        padding: 15px 10px 30px 10px;
	margin: 0;
}

.sidebarred a {
	color: #EE1E4B;
	background-color: #F9F9F9;
}

.sidebarred a:visited
	{
	color: #EE1E4B;
	}

.sidebarred a:link
	{
	text-decoration: none;
	color: #EE1E4B;
	}

.sidebarred a:hover
	{
	text-decoration: underline;
	color: #EE1E4B;
	}

p.sidebarred {
	padding: 3px 0 3px 5px;
	color: #EE1E4B
}

.sidebar {
	color: #8C8C8C;
	background-color: #F9F9F9;
	border: 0px;
        padding: 15px 10px 30px 10px;
	margin: 0;
}

.sidebar a {
	color: #8C8C8C;
	background-color: #F9F9F9;
}

.sidebar a:visited
	{
	color: #8C8C8C;
	}

.sidebar a:link
	{
	text-decoration: none;
	color: #8C8C8C;
	}

.sidebar a:hover
	{
	text-decoration: underline;
	color: #EE1E4B;
	}

p.sidebar {
	padding: 3px 0 3px 5px;
	color: #8C8C8C
}

p.sidebarlast {
	padding: 3px 0 12px 5px;
	color: #8C8C8C
}

p.sidebarfirst {
	padding: 8px 0 3px 5px;
	color: #8C8C8C
}

li.block {
font-weight: normal;
margin-bottom: 3px;
}

ul.block {
margin: 0em 1.5em;
padding: 0;
list-style-type: square;
font-size: small;
}
/* END BOXES */

/**/
/*  HEADERS  */
/**/

h1.headline  {
	font: lighter 16px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	padding-top: 0;
	padding-bottom: 10px;
	color: #4c4c4c;
	margin:0;
}

h1  {
	font: 12px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #4c4c4c;
	padding: 10px 0px 00px 0px;
	margin:0;
}

h2 {
	font: 12px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	color: #4c4c4c;
	padding: 10px 0 5px 0;
	margin:0;
}

h3 {
	font: 12px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #4c4c4c;
	padding: 0px 0px 10px 0px;
	margin:0;
}

h4 {
	font: 11px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	line-height: 14px;
	font-weight: bold;
	color: #4c4c4c;
	padding: 10px 0 0px 0;
	margin:0;
}

h5
	{
	font: 12px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	color: #4c4c4c;
	text-decoration: none;
	font-weight: lighter;
	margin-top: 2px;
	margin-bottom: 20px;
	}

h6
	{
	font: 11px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	font-weight: bold;
	margin-bottom: 0px;
	}
/* END HEADERS */

/**/
/* GLOBAL STUFF */
/**/

/* This is necessary bc IE does not deal with hr correctly */
div.separator {
	margin: 12px 0 12px 0;
	background-image:url(http://www.filemakertrial.com/business_tracker/images/20040808_filemaker_landing_dotted.gif);
	background-repeat:repeat-x;
	background-position: top;
	clear:both;
	height: 1px;
	width: 100%;
	line-height: 1px;
 color:#fff;

}

form
	{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

.ordertable {
        background-color: #F7F7F7;
	color: #666666;
        padding: 9px;
}

textarea, input, select, option {
	font: 11px 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif;
	}

input.field {
	color : #999999;
	text-decoration : none;
	width : 250px;
	height : 20px;
	border-color : #666666;
	border-width : 1px;
	border-style : solid;
}

input.yellow {
	color : #999999;
	background-color: #FFFFCC;
	text-decoration : none;
	width : 250px;
	height : 18px;
	border-color : #666666;
	border-width : 1px;
	border-style : solid;
}


input.keywords {
	color : #999999;
	text-decoration : none;
	width : 120px;
	height : 20px;
	border-color : #666666;
	border-width : 1px;
	border-style : solid;
}

input.account {
	color : #999999;
	text-decoration : none;
	width : 185px;
	height : 18px;
	border-color : #666666;
	border-width : 1px;
	border-style : solid;
}

textarea.area {
	color : #999999;
	text-decoration : none;
	width : 325px;
	border-color : #666666;
	border-width : 1px;
	border-style : solid;
}

textarea.sharing {
	color : #999999;
	text-decoration : none;
	width : 290px;
	border-color : #666666;
	border-width : 1px;
	border-style : solid;
}

dl {
	font-size: 12px;
	margin-bottom: 0px;
	}

dt, dd {
	margin-top: 0px;
	margin-bottom: 0px;;
	}

sup
	{
	font-size: 10px;
	text-decoration: none;
	}

i
	{
	font-family: Arial, Helvetica, sans-serif;
	}

hr
	{
	color: #666666;
	}

img
	{
	border: 0;
	}

.note,
.note a
	{
	font-size: 10px;
	text-decoration: none;
	}

.whitebody2 {
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
}

.whitebody3 {
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
	background-image: url(/lib/ylighting/07-08-background-ribbon-04.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#ribbon{
	background-image: url(/lib/ylighting/07-08-20-Free-Ship-Ribbon.gif);
	background-repeat: no-repeat;
	background-position: left top;}

.redback {background-color: #EE1E4B; }

.ppcwhite {color: #FFFFFF; line-height: 18px; font-size: 14px }

#rfxImage {margin: 0px; padding: 0px; border: 0px; }

.rfxSwatch { cursor:pointer; width:20px; height:20px; margin-left:1; margin-right:1; border: 1px solid #CCCCCC; }

/* END GLOBAL STUFF */

/**/
/* Removes margin from top of elements */
/**/

.noTop
	{
	margin-top: 0px;
	}

.redback {
	background-color: #EE1E4B;
	color: #FFFFFF;
}

.graydark {
	background-color: #666666;
	color: #F2F2F2;
	padding: 0px;
	margin: 0px;
}

.graydarkpad {
	background-color: #666666;
	color: #F9F9F9;
	padding: 3px 8px 3px 8px;
	margin: 0;
	font-size: 10px;
}

.graylink {
	color: #F9F9F9;
	font-size: 10px;
}

.grayBackToppad {
	background-color: #4C4C4C;
	color: #F9F9F9;
	padding: 3px 8px 3px 8px;
	margin: 0;
	border-right: 1px solid #F9F9F9;
	font-size: 10px;
}

.grayXdarkpad {
	background-color: #4C4C4C;
	color: F2F2F2;
	padding: 12px 8px 12px 8px;
	margin: 0;
}


.graytop {
	background-color: #F9F9F9;
}

.grayback {
	background-color: #F4F4F4;
}

.grayside {
	background-color: #F4F4F4;
}

.graysidepad {
	background-color: #F9F9F9;
	padding: 12px;
	margin: 0;
}

.graylines {
	background-color: #6B6B6B;
}

.fillerbar {
	border-left: 1px solid #6B6B6B;
	border-bottom: 1px solid #6B6B6B;
}

.red {
	color: #EE1E4B;
}

.textdarkgray {
	color: #333333
}

.textlightgray {
	color: #F9F9F9;
}

.shade {
	background-color: #EDF4F8;
}

.whitebody {
	background-color: #FFFFFF;
	padding: 15px 15px 30px 15px;
	margin: 0;
}

.dottedLine p {
	background-image: url(gray-dots.gif);
	line-height: 1px;
	padding: 0px;
	margin: 0px;
}

.cushion {
	padding: 5px;
}

.cushion10 {
	padding: 10px;
}

/**/
/* Lists */
/**/

li {
font-weight: normal;
margin-bottom: 5px;
}

ul {
margin: 0em 1.5em;
padding: 0;
list-style-type: disc;
list-style-image: url(/lib/ylighting/bullet-list.gif);
}


/**/
/* More Images Rollover */
/**/

#rollMore {
	position: relative;
	color: #4c4c4c;
	text-decoration: none;
}

#rollMore a span {
	display:none;
	text-decoration: none;
}

#rollMore a:link span {
	color: #EE1E4B;
	text-decoration: none;
}

#rollMore a:visited span {
	color: #EE1E4B;
	text-decoration: none;
}


#rollMore a:hover span {
	position:absolute;
	top: 4px;
	left: 84px;
	width:280px;
	height:18px;
	display:inline;
	color: #EE1E4B;
	text-decoration: none;
        text-align: left;
        font-weight: bold;
}

/* END More Images Rollover */

/**/
/* Swatches */
/**/

img.swatch
	{
	border: 1px solid #7D7E79;
	}

img.swatch:visited
	{
	border: 1px solid;
	color: #7D7E79;
	}
img.swatch:link
	{
	border: 1px solid #7D7E79;
	text-decoration: none;
	color: #7D7E79;
	}

img.swatch:hover
	{
	border: 1px solid #7D7E79;
	text-decoration: underline;
	color: #7D7E79;
	}

img.swatchlink
	{
	border: 1px solid #7D7E79;
	}

img.swatchlink:visited
	{
	border: 1px solid;
	color: #7D7E79;
	}
img.swatchlink:link
	{
	border: 1px solid #7D7E79;
	text-decoration: none;
	color: #7D7E79;
	}

img.swatchlink:hover
	{
	border: 1px solid #CC0000;
	text-decoration: underline;
	color: #CC0000;
	}
/* END Swatches */


/**/
/* Dropdowns */
/**/

#nav A {font-family: 'Lucida Grande', Verdana, 'Lucida Sans', Arial, Verdana, sans-serif; font-style: normal; text-decoration: none; font-size: 8pt; font-style: normal; display: block; color: #666666}


#nav A:hover {font-style: normal; text-decoration: none; background-color: #E4E4E4; border-bottom: 1px solid #999999; padding: 3px; }
#nav A:link {font-style: normal; display: block; color: #666666; border-bottom: 1px solid #999999; padding: 3px;}
#nav A:visited {font-style: normal; border-bottom: 1px solid #999999; padding: 3px; }

form {

        margin: 0;
        padding: 0;
}

#nav, #nav ul{ /* all lists */
	padding: 0px;
	margin: 0;
	list-style: none;
	line-height: 1.25;
        background-color: #ffffff;
        display: block;
}

#nav li { /* all list items */
	float: left;
  width: 16em; /* width needed or else Opera goes nuts */
	margin: 0px;
  padding: 0;
	background-color: #ffffff;
  z-index: 999;
}

#nav li ul { /* second-level lists */
	position: absolute;
        width: 16em;
        border-top: 1px solid #999999;
        border-right: 1px solid #999999;
        border-left: 1px solid #999999;
        background-color: #ffffff;
	left: -999em;   /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
        position: absolute;
        margin: -1.5em 0 0 10em;  /* False value for IE4-5.x/Win */
        margin: -1.5em 0 0 10em;	 /* Actual value for conformant browsers */
}


#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	color: #EE1E4B;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* hoverbox Code */

.hoverbox
{
	cursor: pointer;
	list-style: none;
        margin: 0;
	padding: 0;
	text-align: left;

}

.hoverbox a .preview
{
	cursor: pointer;
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -112px;
	left: 6px;
	z-index: 1000;
}

.hoverbox img
{
	background: #fff;
	border-color: #9FA095;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 0;
	vertical-align: top;
	top: 0;
	left: 0;
	width: 125px;
	height: 130px;
}

.hoverbox li
{
	background: #fff;
	border-color: #9FA095;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
}

.hoverbox .preview
{
	border-style: solid;
	border-width: 1px;
	border-color: #9FA095;
        padding: 0px;
        margin: 0px;
	width: 230px;
	height: 230px;

}
/* hoverbox2 Code */

.hoverbox2
{
	cursor: pointer;
	list-style: none;
        margin: 0;
	padding: 0;
	text-align: left;

}

.hoverbox2 a .preview
{
	cursor: pointer;
	display: none;
}

.hoverbox2 a:hover .preview
{
	display: block;
	position: absolute;
	top: -112px;
	left: 6px;
	z-index: 1000;
}

.hoverbox2 img
{
	background: #fff;
	border-color: #9FA095;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 0;
	vertical-align: top;
	top: 0;
	left: 0;
	width: 125px;
	height: 130px;
}

.hoverbox2 li
{
	background: #fff;
	border-color: #9FA095;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
}

.hoverbox2 .preview
{
	border-style: solid;
	border-width: 1px;
	border-color: #9FA095;
  padding: 0px;
  margin: 0px;
	width: 230px;
	height: 230px;
}
/* END Dropdowns */