/***** universal settings ************/

* {padding: 0;margin: 0;}

/****** re-defined tag settings *******/

body {
text-align:left;
color: #333;
background: #8FA28F url(images/strip2.jpg) top left repeat-x;
font-family: 'arial',Helvetica, verdana,sans-serif;
font-weight: normal;
font-size: 1em;
margin-bottom: 40px;
}

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

/**** container for all content ****/

#container {
background: #fff;
width: 900px;
height: auto;
margin: 0 auto;
border: 10px solid #fff;
}

/**** headers ****/

#header1 {
background: #bfd5bf url(images/Ilcsi_logo.gif) center right no-repeat;
height: 100px;
border-bottom: 10px solid #fff;
}

#header1 img {float:right;border:none;text-decoration:none;margin:0;padding:0;}

#header1 h1 {
padding: 30px 0 0 10px;
width: 500px;
font-size: 4em;
color: #006930;
font-weight: bold;
line-height: 0.5em;
}

h1 span {
float: left;
font-size: 0.3em;
color: #006930;
font-weight: normal;
padding-left:2px;
margin-top:5px;
}

#header1 h1 a {color: #006930;text-decoration:none;}
#header1 h1 a:link {color: #006930;}
#header1 h1 a:visited {color: #006930;}
#header1 h1 a:hover {color: #fff;text-decoration:none;}
#header1 h1 a:active {color: #fff;}

#header2 {background:#fff url(images/headimage1.jpg) center no-repeat;}
#header3 {background:#fff url(images/headimage2.jpg) center no-repeat;}
#header4 {background:#fff url(images/headimage3.jpg) center no-repeat;}
#header5 {background:#fff url(images/headimage4.jpg) center no-repeat;}
#header6 {background:#fff url(images/headimage5.jpg) center no-repeat;}
#header7 {background:#fff url(images/headimage6.jpg) center no-repeat;}

#header2, #header3, #header4, #header5, #header6, #header7 {width: 100%; height:100px;}

/**** MAIN MENU nav and dropdown ****/

.menu{
margin-top:3px;
margin-bottom:10px;
width: 900px;
clear:both;
}

.menu ul{
list-style-type:none;
padding:0;
margin:0;
}

/* position relative to position the sub level */

.menu li{
float:left;
position:relative;
z-index:100;
}

/* table to position the dropdown list */

.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

.menu a, .menu :visited {
display:block;
font-family:'arial',helvetica,verdana,sans-serif;
font-size:10px;
width:149px;
padding:7px 0;
color:#006930;
background:#bfd5bf;
letter-spacing: 0.1em;
text-decoration:none;
margin-right:1px;
text-align:center;
}

.menu :hover{
color:#006930;
background:#fff;
}

/* hide the sub level links */

.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}

/* make the sub level visible on hover or link */

.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;}

/**** main content ****/

#content {background:#f7f7f7;padding:0px;margin:0;}

#content2 {
width: 100%;
background: #fff;
padding:10px 0 20px 0;
}

#content2 h6 {font-size:0.8em;color:#666;text-align:left;margin-bottom:3px;}
#content2 h6 a {color:#006930;text-decoration:none;}
#content2 h6 a:link, a:visited, a:active{}
#content2 h6 a:hover {text-decoration:underline;}

#main {width:600px;margin:40px 10px 0 15px;}

#main p {
line-height: 1.4em;
font-size: 0.8em;
padding-top: 10px;
}

#main h2, #main h3 {
font-size: 1.2em;
padding-top:10px;

color: #006930;
font-weight: normal;

}
#main h3 {
padding-top: 5px;
font-size: 0.9em;
border-bottom: 1px dotted #006930;
}

#main h4 {
padding-top: 10px;
font-size: 0.75em;
color:#006930;
font-weight:bold;
}

#main h5 {
border-bottom:1px solid #ddd;
padding:10px 0 3px 0;
font-size: 0.8em;
color:#666;
font-weight:bold;
}

/**** terms page *****/

#tc {width:850px;margin:15px 10px 0px 15px;}

#tc p {
line-height: 1.4em;
font-size: 0.7em;
padding-top: 10px;
}

#tc p span {font-weight:bold;}

#tc h2 {
font-size:1em;
width:850px;
line-height: 1.6em;
color: #006930;
font-weight: bold;
}

#tc h4 {
width:850px;
padding-top: 10px;
font-size: 0.8em;
font-weight:bold;
color:#006930;
line-height:1.4em;
}

/**** PRODUCTS *****/

.products {
border:1px solid #b0ccb0;
margin-bottom:10px;
}

.products p {
width:650px;
margin-left:115px;
line-height:1.3em;
font-size:0.8em;
color: #666;
padding:0.5% 0 1% 0;

}

/*** product heading ****/

#content2 h2 {
font-size: 1.2em;
margin: 20px 0px 0px 0px;
line-height:1.6em;
color: #006930;
font-weight: normal;
}

.products h3 {}

.products h4 {
color: #666;
font-weight:bold;
font-size: 0.8em;
padding:4px 0 0 0px;
}

.products h5 {
color: #666;
font-weight:bold;
font-size: 0.8em;
text-align:right;
padding:0 150px 2px 0;
}

.products .thumbs {
width: 100px;
min-height:120px;
float:left;
padding: 5px 10px 3px 5px;
}

.products .cart {
float:right;
padding: 5px;
overflow:hidden;
}

#checkout {
float: right;
}

/*** for ie6 ***/
/*\*/
* html #products {
height:7em;
}
/**/

/**** thumbnails ****/

#main .thumb {
float:left;
margin:12px 12px 2px 0px;
border:1px solid #bfd5bf;
}

.clear {clear:both;}

/**** salon sub-menu ****/

#subnav ul {
list-style: none;
width: 100%;
float:left;
padding:0.3em 0 0.5em 0;
margin-bottom:0.5em;
}

#subnav ul li {
list-style: none;
display: inline;
font-size:0.8em;
letter-spacing:0.05em;
}

#subnav ul li a {
margin:0px 5px 0 0;
text-decoration: none;  
border: 1px solid #bfd5bf;
padding:0.5em;
color: #006930;
font-size: 0.8em;       
font-weight: bold;
letter-spacing:0.05em;
text-transform:uppercase;
}

#subnav ul li a:link {
color: #006930;
font-weight: bold;
text-decoration: none;
} 

#subnav ul li a:visited {color: #006930;}

#subnav ul li a:hover {
color: #fff;
background-color: #bfd5bf;
text-decoration:none;
}

#subnav ul li a:active {color: #006930;}  

/**** main and products content links ****/

#main a, #tc a, .products a {
color: #006930;
text-decoration: none;
font-weight: bold;
}

#main a:link, #main a:visited, #main a:active, #tc a:link, #tc a:visited, #tc a:active, .products a:link, .products a:visited, .products a:active {font-weight: bold;}
#main a:hover, #tc a:hover, .products a:hover {text-decoration:underline;}

/*** salons main def list ****/

#main dl {
font-size:0.7em;
margin-left:26px;
margin-right:20px;
}

#main dt {
margin-top: 5px; 
font-weight: normal;
}

#main dt {
color:#006930;
margin-top: 10px;
text-decoration: none;
}

#main dd {
padding-top:5px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
line-height:1.4em;
}

#main dd a {text-decoration:none;color:#006930;}
#main a:link, #main a:visited, #main a:active {color:#006930;font-weight:bold;}
#main dd a:hover {text-decoration:underline;}

/**** news box ****/

#newsbox {
position: absolute;
margin: 35px 0px 0px 635px;
width: 240px;
border-left: 1px dotted #bfd5bf;
}

#newsbox p {
font-size: 0.75em;
padding: 10px 5px 5px 15px;
line-height:1.4em;
}

#newsbox .thumb1 {
border: 1px solid #bfd5bf;
margin-left: 15px;
margin-top: 5px;
}

#newsbox h2 {
width: 222px;
color: #006930;
font-size: 1.1em;
padding-left: 15px;
font-weight:normal;
}

#newsbox h3 {
width: 222px;
color: #006930;
font-size: 0.75em;
padding-left: 15px;
padding-top: 10px;
line-height: 1.3em;
font-weight:normal;
}

#newsbox ul {
list-style-type: square;
margin-left: 0px;
padding-left: 30px;
width: 210px;
}

#newsbox li {
font-size: 0.75em;
margin: 0px;
padding-top: 3px;
}

#newsbox a {
color: #006930;
text-decoration: none;
font-weight: bold;
}

#newsbox a:hover {text-decoration: underline;}

/**** the footer ****/

#footer{
font-family: 'arial',helvetica,verdana,sans-serif;
padding: 5px 0 5px 10px;
font-size: 0.65em;
background: #bfd5bf;
border-top: 10px solid #fff;
}

#footer span {
float: right;
padding: 0px 10px 0px 0px;
letter-spacing: 0.1em;
text-transform: uppercase;
font-size: 1.8em;
color: #fff;
font-weight: normal;
}

#footer a {
font-size: 1.1em;
color: #fff;
text-decoration: none;
font-weight: normal;
}
#footer a:link {}
#footer a:visited {}
#footer a:hover {color: #006930;}
#footer a:active {}

/***** drop down menu thanks to: CSSplay http://www.cssplay.co.uk *****/

/***** http://www.cssplay.co.uk/menus/basic_dd.html *****/