/* Body Styles */
#categoryresourcelink
{
	padding-left: 10px;
}

#productresourcelink
{
	margin-left: 10px;
	display: block;
}

#productResourceList 
{
	display: none;
}

#TB_ajaxContent .resources  A.sidenav
{
display: block;
color: darkred;
margin-bottom: 4px;
}
								
body {
margin:0;
padding:0;
min-width: 1024px;
FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.dwrap table{
height: 100;
}
.dwrap img{
border: 0;
/*max-height: 100px;
min-height: 75px; /* remove for production */
margin-left: auto;
margin-right: auto;
}
.dwrap a{
display: block;
text-align: center;
}
.dwrap {
width: 33%;
height: 225px;
text-align: center;
border: 1px solid #CCCCCC;
float: left;
}
.fwrap img{
border: 0;
/*max-height: 100px;
min-height: 100px; /* remove for production */
margin-left: auto;
margin-right: auto;
}
.fwrap a{
display: block;
text-align: center;
}
.fwrap {
width: 200px;
height: 100px;
text-align: center;
border: 1px solid #999999;
float: left;
}
.cwrap img{
border: 0;
max-height: 100px;
min-height: 100px; /* remove for production */
margin-left: auto;
margin-right: auto;
}
.cwrap a{
display: block;
text-align: center;
}
.cwrap {
/*width: 100px;
height: 100px;*/
text-align: center;
border: 1px solid #CCCCCC;
float: left;
}
.dwrapRow {
width: 100%;
height: 200px;
text-align: center;
border: 1px solid #CCCCCC;
float: left;
}
.custwrap {
width: 100%;
height: 125px;
text-align: top;
border: 1px solid #CCCCCC;
float: left;
}
/* Body Styles */
#basketmenu {
position:absolute;
top: 0;
right: 0;
background-color: #007A3D;
padding: 2px;

padding-right: 10px;
padding-left: 10px;
background-image: url('/images/corner.png');
background-repeat: no-repeat;
background-position: bottom left;
}
#basketmenu img {
vertical-align:middle;
border: 0;
}
#basketmenu A {
  text-decoration: none;
  padding-left: 4px;
  color: white;
  font-weight: normal;
font-size: 9px;
}
#callbox {
  position: absolute;
  top: 65px;
  right: 70px;
  text-align: center;
}
#callbox b {
  display: block;
  font-size: 14px;
}
#freeshipping {
  position: absolute;
  top: 0;
  right: 455px;
  
}
#freeshipping img {
  bordeR: 0;
}
  .menubarcorners{display:block}
  .menubarcorners *{
    display:block;
    height:1px;
    overflow:hidden;
    font-size:.01em;
    background:#990000
   }
  .menubarcorners1{
    margin-left:3px;
    margin-right:3px;
    padding-left:1px;
    padding-right:1px;
    border-left:1px solid #007A3D;
    border-right:1px solid #007A3D;
    background:#99a080
   }
  .menubarcorners2{
    margin-left:1px;
    margin-right:1px;
    padding-right:1px;
    padding-left:1px;
    border-left:1px solid #007A3D;
    border-right:1px solid #007A3D;
    background:#9fa686
   }
.menubarcorners3 {
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #007A3D;
  border-right:1px solid #007A3D;
}
.menubarcorners4 {
  border-left:1px solid #007A3D;
  border-right:1px solid #007A3D;
}
  
.menubarcorners5 {
  border-left:1px solid #99a080;
  border-right:1px solid #99a080;
}
.menubarcornersfg{
  background:#990000;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 8pt;
  line-height: 20px;

}

  /* Top menu bar */
  #menutop {
    /*position: relative;
    top: -15px;
    left: 20px;*/
    margin-left: 20px;
    position: absolute;
	z-index:200;
	top: 76px;
	left: 150px;
     /* background-image: url('/images/topbar.png');
      background-repeat: no-repeat;*/
    padding-left: 10px;
    padding-right: 3px;
    white-space: nowrap;
    width: 640px;
    font-size: 12px;
    height: 25px;
   }
  
  #menutop img {
    vertical-align: middle;
    padding: 0;
    margin: 0;
  }
.pageHeader {
  padding-left:20px; 
  padding-top: 10px; 
  color: #007A3D;
}
  #menutop A {
    color: #E1E1E1;
    text-decoration: none;
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    padding: 4px;
    padding-left: 45px;

  }
  #menutop .decor {
    padding-left: 55px;
  }
  #menutop .lights {
    padding-left: 70px;
    padding-right:25px;
  }
  #menutop .tree {
    padding-right: 30px;
    padding-left: 45px;
  }
  #menutop .decorImage {
    position: absolute;
    top: -20px;
    left: auto;
    z-index:100;
  }
  
  #menutop .lightsImage {
    position: absolute;
    top: -20px;
    left: auto;  
    z-index:100;
  }
  #menutop .treeImage {
    position: absolute;
    top: -23px;
    left: auto;
    z-index:100;  
  }
  
    #menutop .treeImage, #menutop .lightsImage, #menutop .decorImage  { top: -30px\0/ }

  #menutop .noline {
    background-image:none;
  }
  /*#menutop A:Hover {
   background-image: url('/images/linebar-on.png');
  }*/
 #menutop ul li ul A {
  background-image: none;
  padding: 0;
 }
  #menutop ul li ul A:Hover {
    background-image: none;
  }
 
   #menutop ul{
	margin: 0;
	padding: 0;
	display: inline;
    position: relative;
  }
  
  #menutop ul li{
	list-style-type:none;
	margin: 0;
	padding: 0;
	display: inline;
  }
  
  #menutop ul li ul li a {
	display: block;     
	/*border: 1px #FEFEC6 solid;*/	
	/*margin: 5px;*/
	position: relative;
	    font-size: 11px;
	/*left: -4px;*/
	padding: 2px;
	font-weight: bold;
	background-color: #990000;
	border-right: 3px #007A3D solid; 
	border-left: 1px #007A3D solid; 
	border-bottom: 1px #007A3D groove; 
  }
  #PBigImg {
	z-index: 1;
    max-width: 450px;
  }
   #menutop ul li ul li a:hover {
	background-color: #007A3D;
  }
  
  #menutop ul li ul {
    position: absolute;     
	width: 200px;  
	left: -999em; /* this hides the submenu */
	padding: 0;
	margin: 0;
	z-index:200;

  }
  
  #menutop ul li ul li {
	margin: 0;
	padding: 0;
  }
 
   #menutop ul li:hover ul, #menutop ul li.sfhover ul  { /* note that the sfhover is for ie6 specifically, anything greater supports a hover on an li */
	
	left: auto; /* this is what "shows" the submenu */
	/* 22px from the top works here, but adjust if top part of page */
	top: 13px;
	background-color: #990000; 
	
	
	border-top: 3px #990000 solid; /* this creates a "space" between the topnav and the menu*/
	border-bottom: 2px #464D32 solid;  /* This creates a 3d look for the menu - remove if not wanted */
	
	padding: 0;
	margin: 0;
	/*padding-top: 5px;*/
	/*padding-left: 5px;*/
	margin-left: -175px; /* this moves the menu left  - for horizontal menus you would not use this*/

  }

    #menutop ul li:hover ul, #menutop ul li.sfhover ul  { top: 5px\0/ }


  #menutop A:Hover {
    text-decoration: underline;
  }

/* Custom classes */
.bod
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9.5pt;
    COLOR: #333333;
    LINE-HEIGHT: 18px;
    FONT-FAMILY: verdana, arial,times new roman, arial
}
.form1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    FONT-FAMILY: verdana,times new roman, arial
}
.smprint
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    FONT-FAMILY: verdana,times new roman
}
.smprint1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: #007a3d;
    FONT-FAMILY: verdana,times new roman, arial
}
.bold
{
    FONT-WEIGHT: bold;
    FONT-FAMILY: verdana,times new roman, arial
}
.a
{
    FONT-WEIGHT: bold;
    COLOR: black;
    FONT-FAMILY: verdana,times new roman, arial
}
.table0
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #737b83;
    FONT-FAMILY: verdana,times new roman, arial
}
.table1
{
    FONT-SIZE: 12pt;
    COLOR: #737b83;
    FONT-FAMILY: verdana,times new roman, arial
}
.table2
{
    FONT-SIZE: 10pt;
    COLOR: #737b83;
    FONT-FAMILY: verdana,times new roman, arial
}
.table3
{
    FONT-SIZE: 9pt;
    FONT-FAMILY: verdana,times new roman, arial
}
.table4
{
    FONT-SIZE: 9pt;
    COLOR: blue;
    FONT-FAMILY: verdana,times new roman, arial;
    TEXT-DECORATION: underline
}
.table5
{
    FONT-SIZE: 8.5pt;
    FONT-FAMILY: verdana,times new roman, arial
}
.table6
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: verdana,times new roman, arial;
    TEXT-DECORATION: underline
}
.table7
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    COLOR: red;
    FONT-FAMILY: arial,times new roman, arial
}
.dtable3
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: arial,times new roman, arial
}
.tablecolor1
{
    FONT-FAMILY: verdana,times new roman, arial;
    BACKGROUND-COLOR: #ebeecb
}
.tblHeader
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-COLOR: #007a3d
}
.tblHeaderWhite
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-COLOR: #ffffff
}
.tdLeftNav
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-COLOR: #990000
}
.fontstyle1
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 11px;
    COLOR: #cccc99;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.BackGroundRedGradient
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(Images/RedGradiantBar.jpg);
    BACKGROUND-REPEAT: repeat-x
}
.BackGroundGreenGradient
{
    BACKGROUND-POSITION: left top;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 14px;
    BACKGROUND-IMAGE: url(Images/GreenGradiantBar.jpg);
    COLOR: #000000;
    BACKGROUND-REPEAT: repeat-x;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.unnamed3
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(Images/1line_black-nav.gif);
    BACKGROUND-REPEAT: repeat-y
}
.LogoGrad
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(Images/LogoGradient.gif);
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: #007a3d
}
.tableRowOdd, .TableRowOdd
{
    COLOR: #000000;
    BACKGROUND-COLOR: lightgoldenrodyellow
}
.tableRowEven, .TableRowEven
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #999999
}
.TableHeader1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 25px
}
.TableHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: "Arial";
    HEIGHT: 25px;
    BACKGROUND-COLOR: #990000
}
.WhiteLinkUnderLine
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    TEXT-TRANSFORM: none;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal
}
.WhiteLink12CenterNoUnderLine
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    TEXT-TRANSFORM: none;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.WhiteLink12LeftNoUnderLine
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    TEXT-TRANSFORM: none;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.Green11Normal
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    TEXT-TRANSFORM: none;
    COLOR: #007a3d;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.GreenLink10NormalUnderLine
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    TEXT-TRANSFORM: none;
    COLOR: #007a3d;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center;
    FONT-VARIANT: normal;
    TEXT-DECORATION: underline
}
.GreenLink12NormalUnderLine
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    TEXT-TRANSFORM: none;
    COLOR: #007a3d;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center;
    FONT-VARIANT: normal;
    TEXT-DECORATION: underline
}
.GreenLink14Normal
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    TEXT-TRANSFORM: none;
    COLOR: #007a3d;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.LargeLink
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    TEXT-TRANSFORM: none;
    COLOR: darkred;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left;
    FONT-VARIANT: normal;
    TEXT-DECORATION: underline
}

.adDescription
{
    FONT-SIZE: 11px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #444444
}
.adDescription ul {
	margin-top: 0;
 }
.adDescription12
{
    FONT-SIZE: 12px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #444444
}
.adDescription12 li
{
    padding: 3px;
	list-style: square;
}
.alertred
{
    FONT-SIZE: 12px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #cc0000
}
.smallalertred, .smallAlertRed
{
    FONT-SIZE: 10px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #cc0000
}
.smallalertgreen
{
    FONT-SIZE: 10px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #007a3d
}
.body
{
    FONT-SIZE: 12px;
    BACKGROUND: #ffffff;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.categoryHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #ffffff;
    TEXT-DECORATION: none;
	font-style: bold;
	text-align:center;
	
}
.categoryHeader H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
	COLOR: #ffffff;
    TEXT-DECORATION: none;
	display: block;
	margin-top: 10px;
	margin-bottom: 3px;
	
}
.link
{
    FONT-WEIGHT: bold;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #003196
}
.pagetitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    LINE-HEIGHT: 30px
}
.price
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: darkred;
    LINE-HEIGHT: 18px
}
.pricetotals
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND: white;
    COLOR: darkred;
    LINE-HEIGHT: 18px
}
.productAttributes
{
    LINE-HEIGHT: 15px
}
.productFeature
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: none;
    COLOR: #000000;
    LINE-HEIGHT: 18px;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: white
}
.productprice
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    BACKGROUND-IMAGE: none;
    COLOR: black;
    LINE-HEIGHT: 18px;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: transparent
}
.productpricestrikethru
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: none;
    COLOR: black;
    LINE-HEIGHT: 18px;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: line-through
}
.productsaleprice
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    BACKGROUND-IMAGE: none;
    COLOR: #990000;
    LINE-HEIGHT: 18px;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: transparent
}
.productpricedetail
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    BACKGROUND-IMAGE: none;
    COLOR: #990000;
    LINE-HEIGHT: 18px;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: white
}
.productTitle,.ProductTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: none;
    COLOR: #007a3d;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
.helpCaption
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    BACKGROUND-IMAGE: none;
    COLOR: #660000;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
.helpCaption:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    BACKGROUND-IMAGE: none;
    COLOR: #660000;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: underline
}
.productTitlePurchase, .producttitlepurchase
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: none;
    COLOR: #ffffff;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: #007a3d;
    TEXT-DECORATION: none
}
.sidenav
{
    FONT-SIZE: 11px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #cccc99;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: 'Verdana Ref', Tahoma, Arial;
    TEXT-DECORATION: none
}
.sidenav:hover
{
    FONT-SIZE: 11px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #ffffff;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: 'Verdana Ref', Tahoma, Arial;
    TEXT-DECORATION: underline
}
.sidenav A
{
	display: block;
	margin-left: 6px;
    FONT-SIZE: 11px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #cccc99;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: 'Verdana Ref', Tahoma, Arial;
    TEXT-DECORATION: none;
}
.sidenav A:hover
{
    FONT-SIZE: 11px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #ffffff;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: 'Verdana Ref', Tahoma, Arial;
    TEXT-DECORATION: underline
}
.smallText
{
    FONT-SIZE: 10px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #000000
}
.tinyText
{
    FONT-SIZE: 10px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #444444
}
.sponsor
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.menu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
.title
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px
}
.title H1 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
	color: #007A3D;
	display: inline;
}
#ContentPage H1 {
	font-size:16px;
	font-weight:bold;
	color:black;
	width: 100%;
	text-align:center;
}

.Button, .button
{
    BORDER-RIGHT: black thin solid;
    BORDER-TOP: lavender thin solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    BORDER-LEFT: lavender thin solid;
    COLOR: white;
    LINE-HEIGHT: 1.5;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: black thin solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #990000;
}
.ButtonGrey
{
    BORDER-RIGHT: black thin solid;
    BORDER-TOP: lavender thin solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BORDER-LEFT: lavender thin solid;
    COLOR: #990000;
    LINE-HEIGHT: 0.85;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: black thin solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #e0e0e0
}
.adBoxHeader {
	background-color:#007A3D; 
	padding-top: 3px; 
	padding-bottom: 3px; 
	text-align:center; 
	font-weight:bold; 
	color:#fff;
}

.adBoxImg {
	border: 3px solid #007A3D; 
	text-align: center; 
	padding-bottom: 1px;
}
.adBoxImg img {
	border: 0; 
}
.adBoxDesc {
	border-left: 1px solid #007A3D; 
	padding-left:5px;
	FONT-SIZE: 11px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #444444
}
.adBoxDesc A {
	display: block;
	text-align: left;
	font-weight: bold;
    FONT-SIZE: 12px;
    COLOR: #007a3d;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
.adBoxDesc img {
	border:0;
	/*vertical-align: middle;*/
}
.adBox {
	float: left;
	width: 23%;
	margin-right: 10px;
	margin-bottom: 10px;
}

.footnav
{
    FONT-SIZE: 11px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #cccc99;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: 'Verdana Ref', Tahoma, Arial;
    TEXT-DECORATION: none
}
.footnav:hover
{
    FONT-SIZE: 11px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #ffffff;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: 'Verdana Ref', Tahoma, Arial;
    TEXT-DECORATION: underline
}

BODY {
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

TD
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
TH
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
FORM
{
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px
}
B
{
    FONT-WEIGHT: bold
}
/*
H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
*/
HR
{
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #000000;
    HEIGHT: 1px
}

A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    TEXT-TRANSFORM: none;
    COLOR: darkred;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal
}
A.Links:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    TEXT-TRANSFORM: none;
    COLOR: darkred;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal
}
A.Links:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    TEXT-TRANSFORM: none;
    COLOR: darkred;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal
}
A.Links:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    TEXT-TRANSFORM: none;
    COLOR: darkred;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal
}
A.Links:hover
{


    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    TEXT-TRANSFORM: none;
    COLOR: darkred;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
    TEXT-DECORATION: underline
}
H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

/* IDs */

/* Begin new right nav */

/* Right Column on the Category Detail Page
**************************************************************************** */	

#rightNavWrapper { padding: 0; margin: 0; width: 155px; position: absolute; top: 150px; right: 0px; background: url(/images/rightNavBg.png) repeat-y 0 0;
		 }
	#rightNavWrapper #rightNavTop { background: url(/images/rightNavTop.png) no-repeat 0 0; height: 10px; }
	#rightNavWrapper #rightNavContentWrapper { padding: 0px 3px 0px 2px; }
	  #rightNavWrapper div.rightNavHeader { background: url(/images/rightNavHeader.png) no-repeat 0 0; height: 34px; margin: 5px 0px 0px 0px; padding: 12px 0px 0px 3px;
	  			font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; }
	  #rightNavWrapper div.rightNavContent { padding: 0px 3px 0px 3px; }
	  	#rightNavWrapper div.rightNavContent p { font-size: 10px; }
	  	#rightNavWrapper div.rightNavContent ul {margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; }
		#rightNavWrapper div.rightNavContent ul li { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
	    	#rightNavWrapper div.rightNavContent ul li a { text-decoration: none; display: block; padding: 5px 5px 5px 5px; border-bottom: 1px solid #b26035; }
			#rightNavWrapper div.rightNavContent ul li a:hover { background-color: #c8b973; }
		    #rightNavWrapper div.rightNavContent ul li a span.image { display: block; text-align: center; }
				#rightNavWrapper div.rightNavContent ul li a span.image img { border: 1px solid #900; }
			#rightNavWrapper div.rightNavContent ul li a span.text  { display: block; padding-top: 5px; }
			
			
		#rightNavWrapper div.rightNavContent ul.pdAboutUs { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; }
			#rightNavWrapper div.rightNavContent ul.pdAboutUs li { font-size: 10px; margin: 0px 0px 5px 15px; padding: 0px 0px 0px 0px; list-style-type: circle; }
				#rightNavWrapper div.rightNavContent ul.pdAboutUs li a {}
				
		#rightNavWrapper div.rightNavContentImage { text-align: center; padding: 5px; }
	#rightNavWrapper #rightNavFooter { background: url(/images/rightNavFooter.png) no-repeat 0 0; height: 15px;  }
	
	
/* Right Column on the Product Detail Page
**************************************************************************** */	
	
	#rightNavWrapper2 { 
        padding: 0; margin: 0; width: 155px; right: 0; position: absolute; background: url(/images/rightNavBg.png) repeat-y 0 0;
    }

	#rightNavWrapper2 #rightNavTop { background: url(/images/rightNavTop.png) no-repeat 0 0; height: 10px; }
	#rightNavWrapper2 #rightNavContentWrapper { padding: 0px 3px 0px 2px; }
	  #rightNavWrapper2 div.rightNavHeader { background: url(/images/rightNavHeader.png) no-repeat 0 0; height: 34px; margin: 5px 0px 0px 0px; padding: 12px 0px 0px 3px;
	  			font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; }
	  #rightNavWrapper2 div.rightNavContent { padding: 0px 3px 0px 3px; }
	  	#rightNavWrapper2 div.rightNavContent p { font-size: 10px; }
	  	#rightNavWrapper2 div.rightNavContent ul {margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; }
		#rightNavWrapper2 div.rightNavContent ul li { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
	    	#rightNavWrapper2 div.rightNavContent ul li a { text-decoration: none; display: block; padding: 5px 5px 5px 5px; border-bottom: 1px solid #b26035; }
			#rightNavWrapper2 div.rightNavContent ul li a:hover { background-color: #c8b973; }
		    #rightNavWrapper2 div.rightNavContent ul li a span.image { display: block; text-align: center; }
				#rightNavWrapper2 div.rightNavContent ul li a span.image img { border: 1px solid #900; }
			#rightNavWrapper2 div.rightNavContent ul li a span.text  { display: block; padding-top: 5px; }
			
			
		#rightNavWrapper2 div.rightNavContent ul.pdAboutUs { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; }
			#rightNavWrapper2 div.rightNavContent ul.pdAboutUs li { font-size: 10px; margin: 0px 0px 5px 15px; padding: 0px 0px 0px 0px; list-style-type: circle; }
				#rightNavWrapper2 div.rightNavContent ul.pdAboutUs li a {}
				
		#rightNavWrapper2 div.rightNavContentImage { text-align: center; padding: 5px; }
	#rightNavWrapper2 #rightNavFooter { background: url(/images/rightNavFooter.png) no-repeat 0 0; height: 15px;  }
	
	
	
div.pdAccessories { background: #ffffff url(/images/pdAccessoriesBg.png) repeat-x; margin-bottom: 10px; }
 div.pdAccessories table { width: 100%; } 
	div.pdAccessories img { border: 1px solid #990000; max-width: 100px; }
div.pdHeader { background: #007a3d url(/images/pdHeaderBg.png) repeat-x; }		

div#referfriend { background: #ffffff url(/images/pdAccessoriesBg.png) repeat-x; }
	div#referfriend h2 { background: #007a3d url(/images/pdHeaderBg.png) repeat-x; padding: 6px 0px 6px 0px; margin-bottom: 5px; }
		
td.ProductTitle img { vertical-align: middle; }	

div.ieFix { width: 100%; height:10px; background-color: #0F3;}

/* end new right nav */


#referfriend {
	visibility: hidden; 
	position: absolute; 
			
	z-index: 1; 
	background-color: white;
	border: 2px solid #9C0000;
	height: 350px;
	width: 400px;
}

#referfriend h2 {
	background-color:#007A3D; 
	padding: 2px; 
	padding-top:0;
	margin-top: 1px;
	text-align:center; 
	font-weight:bold; 
	color:#fff; 
	font-size: 14px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#referfriend label {
	width: 125px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	float: left;
}

#referfriend input,textarea {
	float: left;
	padding: 2px;
	margin: 1px;
}

#referfriend br {
	clear: both;
}

.modalboxclass {
	z-index: 1; 
	display: none;
	position: absolute;
	background-color: white;
	border: 2px solid #9C0000;
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	white-space: nowrap;
}
.modalboxclass h2 {
	background-color:#007A3D; 
	padding: 2px; 
	padding-top:0;
	margin-top: 1px;
	text-align:center; 
	font-weight:bold; 
	color:#fff; 
	font-size: 14px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}
.required {
	color: #9C0000;
	font-weight: bold;
}
#overlay img{ border: none; }
/* drop down menus */
.jsddm {
	margin: 0;
	padding: 0
}
.jsddm li {
	float: left;
	list-style: none;
	font: 12px Tahoma, arial;
	margin-left: 20px;
	width: 120px;	
}
.jsddm li a  img{
	border: 0;
	float:right;
	height:25px;
	width: 22px;
}
.jsddm li a span {
	float:left;
	display:block;
	background: transparent url('http://www.christmaslightsetc.com/images/bg.png') no-repeat scroll 0 0;
	width: 100px;
	padding-top:5px;
	padding-bottom: 5px;
	padding-left:5px;
	cursor:pointer;
	font-size:10px;
}

.jsddm li a {
	color: gray;
	width: 127px;
	text-decoration: none;
	display:block;
}

.jsddm li a:hover {  }
.jsddm li ul {
	margin: 0;
	padding: 0;
	display:block;
	margin-top:24px;
	_margin-top:0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid white;
	width: auto;
	min-width: 110px;
	max-height: 300px;
	overflow:auto;
	overflow-x:hidden;
	border: 1px solid gray;
	background-color:white;
}
* + html .jsddm li ul { margin-top:0; }
.jsddm li ul li {
	padding: 5px;
	padding-top:0;
	background-color:white;
	float: none;
	display: inline
	font-weight:bold;
	margin-left:0;
	width:100%;
}
.jsddm li ul li a i{
	padding-left: 10px;
	color:gray;
	font-weight:normal;
}
.jsddm li ul li a {
	width: 100%;
	background: white;
	padding:3px;
	display:block;
	color:black;
}
.jsddm li ul li a:hover { background: #7F1616; color: white; }
.fHeading a span.selected, .fHeading  > a:hover {
	color: darkred;
}
.fHeading  > a {
	text-decoration: none;
}
.shortDesc {
	margin-left: 10px;
	padding-left: 0;
	list-style-type: square;
	COLOR: #444444
}
.shortDesc li {
	margin: 5px;
	FONT-SIZE: 11px;
}
.shortDesc li b {
	FONT-SIZE: 10px;
}
.pImage {
	float:left;
	margin-right: 3px;
}
.recentProduct img {
	display:block;
	border:0;
	margin-left: auto;
	margin-right:auto;
}
.recentProduct  {
	display:block;
	text-align:center;
	font-size:10px;
}
#BookmarkTable .recentProduct {
	float:left;
	margin: 10px;
}
.headerText {
    font-weight: bold;
    font-size: 12px;
    color: #007a3d;
	display:block;
	margin-bottom: 4px;
}
#rightNavBodyGlobal ul {
	margin-left: 2px;
	_margin-left:15px;
	padding:0;
}
html>body #rightNavBodyGlobal ul { *margin-left:15px; }

#ProductTable .ProductTitle {
	font-size: 16px;
}

H2 {
	/*padding-left: 100px; */
	margin-bottom: 25px; 
	display: block; 
	/*color: white;*/
	font-size:12px;
}
#ProductTable H2 {
	font-size: 16px;
	margin-bottom: 0; 
}

H1 {
	/*padding-left: 100px; */
	margin-bottom: 15px; 
	display: block; 
	/*color: white;*/
	font-size:14px;
}

#freeTreeShipping {
	position:absolute;
	right:15px;
	top: 35px;
}
/* Thick box */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.thickbox img{
border:0;
}
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:200;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 202;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

.jcarousel-container {
	position: absolute;
	width: 350px;
	overflow:hidden;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
	
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li, .jcarousel-item {
    float: left;
    list-style: none;
    width: 75px;
    height: 75px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    /*background: #F0F6F9;*/
    border: 1px solid #900000;
	margin: 5px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 260px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 150px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    /*width:  245px;*/
    height: 150px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  150px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 125px;
    height: 150px;
	text-align:center;
}
.jcarousel-skin-tango .jcarousel-item  A{
	text-decoration:none;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/dynamic/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/dynamic/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/dynamic/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/dynamic/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
#ProductTable {
position:relative;
left: -15px;
}

#ProductTable  #rightNavWrapper {

position:relative;
top:-150px;
/* Ugh.. IE 8 */
position /*\**/: absolute\9;
top /*\**/: -850px\9;
right /*\**/: 0\9;


}

/* IE7 */
*+html #ProductTable  #rightNavWrapper {  top: -150px }


/*
#overlay{ 
	background-image: url(/images/overlay.png); 
	position: absolute;
	width:100%;
	display: none;
	top: 0;
	left: 0;
	z-Index: 90;
}
* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(/images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
	}*/

/* *********************************************************************************************
RESOURCE BASE STYLES
********************************************************************************************* */

/* Allow for easy use of em sizing */
/* html { font-size: 62.5%; font-family: Verdana, Helvetica, Arial, Sans;} */
#resourcesHTML { font: 62.5%/1.2 "lucida sans", verdana, arial, helvetica, sans-serif; color: #000000; margin: 0; padding: 0; }

/* To hold all the resource page info and set 'body' elements for fonts*/
#resourcesWrapper { margin: 0 auto 0 auto; text-align: left; width: 830px;
	  font-size: 1.4em; line-height: 1.4em; font-family: Verdana, Arial, Helvetica, sans-serif; }
	  
/* #resourcesHTML #resourcesWrapper  */	
  
/* HEADER TAGS 
-------------------------------------------------------------- */

#resourcesHTML #resourcesWrapper h1, #resourcesHTML #resourcesWrapper h2, #resourcesHTML #resourcesWrapper h3, #resourcesHTML #resourcesWrapper h4, #resourcesHTML #resourcesWrapper h5, #resourcesHTML #resourcesWrapper h6 { margin: 0; padding: 0 0 0.8em 0; font-family: Georgia, Times New Roman, Times, serif; text-align: left;  }

#resourcesHTML #resourcesWrapper h1 { font-size: 2.0em; }
#resourcesHTML #resourcesWrapper h2 { font-size: 1.8em; }
#resourcesHTML #resourcesWrapper h3 { font-size: 1.6em; }
#resourcesHTML #resourcesWrapper h4 { font-size: 1.4em; }
#resourcesHTML #resourcesWrapper h5 { font-size: 1.2em; }
#resourcesHTML #resourcesWrapper h6 { font-size: 1.0em; }


/* COMMON ELEMENTS
-------------------------------------------------------------- */

#resourcesHTML #resourcesWrapper p           	  { margin: 0 0 1.5em; font-size: 1.0em; }
#resourcesHTML #resourcesWrapper p img            { border: 0px }
#resourcesHTML #resourcesWrapper p img.border     { border: 1px solid #060; }
#resourcesHTML #resourcesWrapper p img.imageLeft  { float: left; margin: 0.5em 1.5em 1.5em 0; padding: 0; }
#resourcesHTML #resourcesWrapper p img.imageRight { float: right; margin: 0.5em 0 1.5em 1.5em; }

#resourcesHTML #resourcesWrapper div.imageCaption { padding: 0px 0px 0px 0px; margin: 0px 5px 0px 5px; border: 1px solid #d87845; background-color: #faf5c9; }
#resourcesHTML #resourcesWrapper div.imageCaption p { font-size: 0.9em; text-align: center; padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; }

#resourcesHTML #resourcesWrapper img { padding: 5px 5px 5px 5px; border: none; }

#resourcesHTML #resourcesWrapper blockquote { display: block;  margin: 2.5em 1.5em 1.5em 1.5em; padding: 0px 60px; width: 650px; 
		font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 1.2em; color: #333; }
	#resourcesHTML #resourcesWrapper blockquote:before, #resourcesHTML #resourcesWrapper blockquote:after { color: #ccc; display: block; font-size: 700%; width: 50px; }
	#resourcesHTML #resourcesWrapper blockquote:before { content: open-quote; height: 0; margin-left: -0.55em; } 
	#resourcesHTML #resourcesWrapper blockquote:after { content: close-quote; height: 50px; margin-top: -20px; margin-left: 650px; } 

#resourcesHTML #resourcesWrapper strong      { font-weight: bold; }
#resourcesHTML #resourcesWrapper em, #resourcesHTML #resourcesWrapper dfn     { font-style: italic; }
#resourcesHTML #resourcesWrapper dfn         { font-weight: bold; }
#resourcesHTML #resourcesWrapper sup, #resourcesHTML #resourcesWrapper sub    { line-height: 0; }
#resourcesHTML #resourcesWrapper small 		 { font-size: 0.9em; line-height: 0.9px; color: #999999; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#resourcesHTML #resourcesWrapper span 		 {}

#resourcesHTML #resourcesWrapper table.tableNoBorders { border: 0px; }
#resourcesHTML #resourcesWrapper table.tableNoBorders tr:hover { background: none; }
#resourcesHTML #resourcesWrapper table.tableNoBorders th { border: 0px; background: none; }
#resourcesHTML #resourcesWrapper table.tableNoBorders td { border: 0px; }


/* LISTS
-------------------------------------------------------------- */

#resourcesHTML #resourcesWrapper ul { margin: 0 1.5em 1.5em 1.0em; list-style-type: disc; font-size: 1.0em;}
  #resourcesHTML #resourcesWrapper ul li {}
    #resourcesHTML #resourcesWrapper ul li ul { margin:0 0.5em; list-style-type: circle;}

#resourcesHTML #resourcesWrapper ol { margin: 0 1.5em 1.5em 1.0em; list-style-type: decimal; font-size: 1.0em;}
  #resourcesHTML #resourcesWrapper ol li {}
    #resourcesHTML #resourcesWrapper ol li ol { margin:0 1.0em; list-style-type: lower-alpha;}

/* BASE LINKS
-------------------------------------------------------------- */

/* Sets the style for unvisited links. */
#resourcesHTML #resourcesWrapper a,  #resourcesHTML #resourcesWrapper a:link { color: #990000; text-decoration: none; }

/* Sets the style for visited links. */
#resourcesHTML #resourcesWrapper a:visited { color: #990000; text-decoration: none; }

/* Sets the style for links on mouseover. */
#resourcesHTML #resourcesWrapper a:hover { color: #660000; text-decoration: underline; }

/* Sets the style for a link that has focus. */
#resourcesHTML #resourcesWrapper a:focus { color: #660000; text-decoration: none; }

/* Sets the style for a link that is being activated/clicked. */
#resourcesHTML #resourcesWrapper a:active { color: #990000; text-decoration: none; }

/* TABLES
-------------------------------------------------------------- */

#resourcesHTML #resourcesWrapper table    { display: table; width: 100%; margin: 0px 0px 20px 0px; border: 1px solid #b1b1b1; }
#resourcesHTML #resourcesWrapper tr       { display: table-row; }
#resourcesHTML #resourcesWrapper tr:hover { display: table-row; background-color: #e8e8e8; }
#resourcesHTML #resourcesWrapper thead    { display: table-header-group; background-color: #333333; color: #FFFFFF; }
#resourcesHTML #resourcesWrapper tbody    { display: table-row-group; }
#resourcesHTML #resourcesWrapper tfoot    { display: table-footer-group; background-color: #666666; }
#resourcesHTML #resourcesWrapper col      { display: table-column; }
#resourcesHTML #resourcesWrapper colgroup { display: table-column-group; }
#resourcesHTML #resourcesWrapper td, #resourcesHTML #resourcesWrapper th { display: table-cell; padding: 2px 4px 2px 4px; border: 1px solid #e1e1e1; }
#resourcesHTML #resourcesWrapper td       { vertical-align: top; font-size: 1.0em; }
#resourcesHTML #resourcesWrapper th       { text-align: center; color: #000; background-color: #e9e9e9; font-size: 1.1em; }
#resourcesHTML #resourcesWrapper caption  { display: table-caption; caption-side: top; }

/* ALIGNMENT
-------------------------------------------------------------- */

#resourcesHTML #resourcesWrapper  div.clear       { clear: both; height: 1px; }
#resourcesHTML #resourcesWrapper .alignLeft       { float: left; }
#resourcesHTML #resourcesWrapper .alignRight      { float: right; }
#resourcesHTML #resourcesWrapper .textAlignLeft   { text-align: left; }
#resourcesHTML #resourcesWrapper .textAlignRight  { text-align: right; }
#resourcesHTML #resourcesWrapper .textAlignCenter { text-align: center; }

/* VIDEO USING FLOWPLAYER
-------------------------------------------------------------- */

#resourcesHTML #resourcesWrapper #fp2 { overflow:hidden; }
	#resourcesHTML #resourcesWrapper .flowplayer {}


/* *********************************************************************************************
PAGE LAYOUT
********************************************************************************************* */  

#resourcesHeaderWrapper { height: 220px; background: url(../images/resourcesHeaderBg.png) no-repeat; padding: 0px 0px 0px 20px; }
	#resourcesHeaderWrapper #resourcesHeaderTitle 	 { width: 560px; padding: 30px 0px 0px 0px; }
	#resourcesHeaderWrapper #resourcesHeaderSubTitle { width: 560px; padding: 28px 0px 0px 0px; height: 45px; overflow: hidden; }
	#resourcesHeaderWrapper #resourcesHeaderNav      { width: 550px; margin: 18px 0px 0px 0px; padding: 0px 0px 0px 10px; }
	#resourcesHeaderWrapper #resourcesHeaderNav a 	 { font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
#resourcesContent { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }	

#resourcesShopNow { padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; }

#resourcesHTML #resourcesWrapper div.resourcesVideo { margin: 0px 0px 20px 0px;}

/* *********************************************************************************************
LED RESOURCE
********************************************************************************************* */ 

#resourcesHTML #resourcesWrapper div.resourceImage00 { margin: 0px 0px; }
	#resourcesHTML #resourcesWrapper div#resourceImage00 a { display: block; font-weight: bold; padding: 86px 0px 40px 0px; }
	#resourcesHTML #resourcesWrapper div#resourceImage00 a:hover { text-decoration: none; color: #F00; }
	
	/* TOOLTIPS http://flowplayer.org/tools/demos/index.html
	-------------------------------------------------------------- */
	.tooltip { 
		display:none; background:transparent url(../images/resourcesLedTooltip.png); font-family: Verdana, Geneva, sans-serif; font-size:11px; 
			height:90px; width:180px; padding:15px; color:#333333; }
	
#resourcesHTML #resourcesWrapper div.resourceImage01 { 
	display: inline; margin: 0px 20px; float: left; height: 150px; width: 165px; background: url(../images/resourcesMiniIce.png) no-repeat; }
#resourcesHTML #resourcesWrapper div.resourceImage02 { 
	display: inline; margin: 0px 20px; float: left; height: 150px; width: 165px; background: url(../images/resourcesWideAngle.png) no-repeat; }
#resourcesHTML #resourcesWrapper div.resourceImage03 { 
	display: inline; margin: 0px 20px; float: left; height: 150px; width: 165px; background: url(../images/resourcesC7C9.png) no-repeat; }
#resourcesHTML #resourcesWrapper div.resourceImage04 { 
	display: inline; margin: 0px 20px; float: left; height: 150px; width: 165px; background: url(../images/resourcesRetrofitBulbs.png) no-repeat; }
	

/* SHOP BY COLOR
-------------------------------------------------------------- */


#resourcesShopByColor { height: 110px; margin: 0px 0px 0px 50px; padding: 0px 0px 0px 0px; }

 #resourcesShopByColor a { /*text-indent: -99999px;*/ }
 #resourcesShopByColor a span { display: none; }

#resourcesShopByColor a.sbcMulti { 
	display: block; float: left; height: 110px; width: 121px; background: url(../images/ShopByColorMulti.png) bottom; }
#resourcesShopByColor a.sbcMulti:hover { background-position: 0 0; }

#resourcesShopByColor a.sbcWarmWhite { 
	display: block; float: left; height: 110px; width: 78px; background: url(../images/ShopByColorWarmWhite.png) bottom; }
#resourcesShopByColor a.sbcWarmWhite:hover { background-position: 0 0; }

#resourcesShopByColor a.sbcClear { 
	display: block; float: left; height: 110px; width: 78px; background: url(../images/ShopByColorPureWhite.png) bottom; }
#resourcesShopByColor a.sbcClear:hover { background-position: 0 0; }

#resourcesShopByColor a.sbcGreen { 
	display: block; float: left; height: 110px; width: 78px; background: url(../images/ShopByColorGreen.png) bottom; }
#resourcesShopByColor a.sbcGreen:hover { background-position: 0 0; }

#resourcesShopByColor a.sbcBlue { 
	display: block; float: left; height: 110px; width: 78px; background: url(../images/ShopByColorBlue.png) bottom; }
#resourcesShopByColor a.sbcBlue:hover { background-position: 0 0; }

#resourcesShopByColor a.sbcRed { 
	display: block; float: left; height: 110px; width: 78px; background: url(../images/ShopByColorRed.png) bottom; }
#resourcesShopByColor a.sbcRed:hover { background-position: 0 0; }

#resourcesShopByColor a.sbcOrange { 
	display: block; float: left; height: 110px; width: 78px; background: url(../images/ShopByColorAmber.png) bottom; }
#resourcesShopByColor a.sbcOrange:hover { background-position: 0 0; }

#resourcesShopByColor a.sbcYellow { 
	display: block; float: left; height: 110px; width: 78px; background: url(../images/ShopByColorGold.png) bottom; }
#resourcesShopByColor a.sbcYellow:hover { background-position: 0 0; }

#resourcesShopByColor a.sbcPurple { 
	display: block; float: left; height: 110px; width: 78px; background: url(../images/ShopByColorPurple.png) bottom; }
#resourcesShopByColor a.sbcPurple:hover { background-position: 0 0; }	

div.textAlignCenter { text-align: center; }

    
#leftNavArea        { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 160px; text-align: center; }
	#leftNavArea p   { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #0F0; }
	#leftNavArea div   { margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; }
	#leftNavArea div.leftNavAreaMcAfee { background: url(/images/leftNavAreaMcafee.png) no-repeat; 
		margin: 5px 0px 0px 8px; padding: 15px 0px 5px 0px; height: 45px; width: 144px; }
	
#leftNavArea #leftNavAreaTop     { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#leftNavArea #leftNavAreaContent { background: url(/images/leftNavAreaBg.png) repeat-y; }
#leftNavArea #leftNavAreaBottom  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

div.clear { clear: both; }
div.textAlignCenter { text-align: center; }

#clTreeDetail { margin: 0px 0px 0px 0px; height: 325px; width: 490px; padding: 10px 10px 10px 10px; background: #e8e0a9; border: 1px solid #e8e0a9; border-radius: 10px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f1c4', endColorstr='#e8e0a9'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f1c4), to(#e8e0a9)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f6f1c4,  #e8e0a9); /* for firefox 3.6+ */ 
 }
 
  #clTreeDetailHeader { margin: 0px 200px 0px 0px; padding: 0px 0px 0px 10px; height:20px;  border-bottom: 1px solid #D1C984; }
    #clTreeDetailHeader h1 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #007a3d; font-size: 14px; }
  #clTreeDetailSocial { float: right; display: inline; width: 200px; height:20px;  border-bottom: 1px solid #D1C984; }
  
    #clTreeDetailLists {}
    #clTreeDetailLists h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #007a3d; }
    #clTreeDetailLists ul { width: 200px; float: left; margin: 10px 10px 10px 20px; padding: 0px 0px 0px 0px; }
#clTreeDetailLists ul li { margin: 0px 0px 0px 0px; padding: 3px 0px 2px 0px; }
#clTreeDetailLists ul li.treeRedSleigh  { list-style-image: url(/images/iconRedSleigh.png); }
#clTreeDetailLists ul li.treeTipDetail  { list-style-image: url(/images/iconTreeTips.png);  }
#clTreeDetailLists ul li.treeLightColor { list-style-image: url(/images/iconLights.png);    }
#clTreeDetailLists ul li.treeHeight     { list-style-image: url(/images/iconHeight.png);    }
#clTreeDetailLists ul li.treeColor      { list-style-image: url(/images/iconColor.png);     }
#clTreeDetailLists ul li.treeProfile    { list-style-image: url(/images/iconProfile.png);   }
#clTreeDetailLists ul li.treeFeatures   { list-style-image: url(/images/iconFeature.png);   }
  #clTreeDetailImages {}
    #clTreeDetailImages .clTreeDetailImagesThumbs { margin: 15px 0px 15px 17px; padding: 0px 0px 0px 0px; width: 100px; height: 100px; 
border: 1px solid #9b7b5b; background: #ffffff; float: left; display: inline; overflow: hidden; text-align: center; }
 #clTreeDetailImages .clTreeDetailImagesThumbs img { border: 0px; }


  #clTreeDetailFooter { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; } 
    #clTreeDetailFooterRight { margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px;  float: right; display: inline; }  
	 #clTreeDetailFooterLeft  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; }    
#clTreeDetailFooter span.small { font-size: 10px; }
#clTreeDetailFooterLeft  A { margin-right: 15px; }
#clTreeDetailFooterRight  A { margin-left: 15px; }
.TreeGrid
{
   /*margin-left: auto;
    margin-right: auto;*/
    width: 875px;
}

.TreeGrid table {
    padding: 0;
    border: 1px solid gray;
    position: relative;
    width: 610px;
}


.TreeGrid td.treeHeight a 
{
	text-decoration: none;
	color: #000;
}

/*
.TreeGrid tr:hover
{
    background-color: #FBF8E1;
}
*/


/*

.TreeGrid div.extDesc
{
    width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.TreeGrid div.tabWrap
{
    border: 1px solid black;
    padding: 10px;
    clear: both;
}
*/

ul.idTabs li { float: left; display: block; margin: 0px 3px 0px 0px; padding: 6px 0px 4px 0px;
border: 1px solid #e8e0a9; border-top-left-radius: 6px 6px; border-top-right-radius: 6px 6px; border-bottom: 0px; }
ul.idTabs li a { margin: 0px 0px 0px 0px; padding: 5px 8px 5px 8px; background: #e8e0a9; color: #9b7b5b; text-decoration: none; font-weight: normal;
border: 1px solid #ffffff; border-top-left-radius: 6px 6px; border-top-right-radius: 6px 6px; border-bottom: 0px; }
ul.idTabs li a:hover { color: #725b44; border: 1px solid #725b44; border-bottom: 0; }
ul.idTabs li a.selected { margin: 0px 0px 0px 0px; padding: 5px 8px 6px 8px; color: #990000; border: 1px solid #990000; border-bottom: 0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e0a9', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#e8e0a9), to(#ffffff)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #e8e0a9,  #ffffff); /* for firefox 3.6+ */ 
 }
 

div.tabWrap { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; border: 1px solid #e8e0a9; border-radius: 6px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f1c4', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f1c4), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f6f1c4,  #ffffff); /* for firefox 3.6+ */ 
 }


div.tabWrap div.tabWrapContent { margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; border: 2px solid #ffffff; border-radius: 6px; }
div.tabWrap div.tabWrapContent span.heading { font-weight: bold; }

table.treeAssembly
{
    width: 600px;
    border: 0;
}

table.treeAssembly td
{
    border:0;
    text-align: left;
    margin-bottom: 10px;
}

table.treeAssembly td.step
{
    font-weight: bold;
    vertical-align: top;
    width: 100px;
}

.TreeGrid .heading
{
    font-size: 15px;
    font-weight: bold;
    display: block;
    margin-bottom: 15px;
}

table#treeGrid th, table#treeGrid td { border-bottom: 1px solid #e8e0a9; }
table#treeGrid { border-collapse: collapse; border: 1px solid #e8e0a9; }
table#treeGrid caption { /*background: #e8e0a9;*/ border: 1px solid #e8e0a9; border-top-left-radius: 6px 6px; border-top-right-radius: 6px 6px;
    color: #5a4633; font-size: 20px; font-weight: bold; text-shadow: rgba(0, 0, 0, .3) 0px 1px 1px #fff; text-align: left; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 20px; }
	table#treeGrid caption ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; float: right; width: 200px; }
	table#treeGrid caption ul li { margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; display: inline; }
	table#treeGrid caption div { margin: 10px 200px 0px 0px; padding: 0px 0px 0px 0px; }
	
  table#treeGrid thead { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
  table#treeGrid thead tr th { font-size: 0.9em; font-weight: bold; text-tranformation: uppercase; border-bottom: 1px solid #e8e0a9; padding: 7px 10px; background: #fbf8e2; color: #9b7b3b; }
  
  table#treeGrid .treeHeight { border-right: 1px solid #e8e0a9; }
  table#treeGrid .treePrice  { border-left: 1px solid #e8e0a9; }
  
.clTreeDetailFeature { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 246px; height: 60px; font-size: 12px; border-bottom: 1px dashed #e8e0a9;}
  .clTreeDetailFeature img { margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px; width: 70px; height: 60px; float: left; }
  .clTreeDetailFeature span { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: bold; font-size: 13px; }
  /* #cBoxTitle, , #cBoxNext, #cBoxPrevious, #cBoxClose*/
  
  #cboxLoadedContent {
    margin-top: 28px;
	margin-bottom: 0;
	padding-top: 40px;
  }
  
  #cboxTitle, #cboxClose
  {
	top: 0;
  }
  
  #cboxViewFull 
  {
	position: absolute;
	bottom: 10px;
	left: 45%;
  }
  
  .cboxThumbImg {
	max-width: 50px;
	max-height: 50px;
	border: 1px solid black;
	margin-right: 3px;
	margin-bottom: 3px;
  }
  
  .cboxThumbImg:hover {
	max-width: 65px;
	max-height: 65px;	
	border: 2px solid darkred;
  }
  
  .cboxThumbImgActive {
	width: 60px;
	border: 1px solid red;
  }
  
  #printHeader { text-align: center; display:none; }
  
  .video { position: relative; z-index: 199; background: #F0F; /*margin: 0 auto 0 auto;*/ }
      .video a.videobtn { position: absolute; display: block; background: url(/images/videoBtn.png) center center no-repeat;  }  
      .video a.videobtn:hover { background: url(/images/videoBtnOn.png) center center no-repeat; }