@charset "utf-8";

/* CSS Document */



body{
	margin:0px;
	background-color: #EDECEC;
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
	}

#nail img {
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 15px;
}

#nail2 img {
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 35px;
}

#wrapper{
	margin:0 auto;
	width:950px;
	}

#masthead{
	float:left;
	width:950px;
	background-position: top;
	background-image: url(section_2_bg.gif);
	background-repeat: no-repeat;
	padding-bottom: 35px;
	}

#masthead2{
	float:left;
	width:950px;
	background-image:url(graphics/secondaty-stretcher.jpg);
	}

#header{
	float:left;
	`float:none;
	width:950px;
	height:99px;
	background-image:url(header2.gif);
	background-repeat:no-repeat;
	}

#left-modules{
	float:left;
	width:373px;
}

#left-img{
	float:left;
	width:519px;
	}

#left-img2{
	float:left;
	width:373px;
	margin-left:0px;
	}

#left-list{
	float:left;
	`float:none;
	width:224px;
	margin-left: 40px;
	margin-top: 30px;
	}

#left-list h1{
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-left:15px;
	padding:0px;
	color:#FFFFFF;
	font-size:14px;
	margin-bottom: 0px;
	}

#left-list ul{
	list-style:none;
	margin-left:20px;
	padding-left:0px;
	}

#left-list ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8f7e5c;
	}	

#left-list ul li h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#a3a52f;
	margin-left:0px;
	margin-top: 5px;
	margin-bottom: 5px;
	}

#left-list ul li a{
	text-decoration:none;
	color:#8f7e5c;
	}	

#left-list-top{
	float:left;
	`float:none;
	width:224px;
	height:38px;
	background-image:url(graphics/left-module-top.jpg);
	background-repeat:no-repeat;
	}

#left-list-mid{
	float:left;
	`float:none;
	width:224px;
	background-image:url(graphics/left-module-mid.jpg);
	background-repeat:repeat-y;
	}

#left-list-bottom{
	float:left;
	`float:none;
	width:224px;
	height:26px;
	background-image:url(graphics/left-module-bottom.jpg);
	background-repeat:no-repeat;
	}

#left-list-title{
	float:left;
	`float:none;
	width:224px;
	height:38px;
	background-image:url(graphics/left-module-title.jpg);
	background-repeat:no-repeat;
	}

#left-list-box{
	float:left;
	`float:none;
	width:224px;
	}

#right-content{
	float:left;
	width:401px;
	}

#right-content2{
	float:left;
	width:597px;
	}

#nav{
	float:left;
	`float:none;
	width:431px;
	background-image:url(graphics/navBG.jpg);
	background-repeat:repeat-x;
	height:41px;
	}

#nav ul{
	list-style:none;
	/*float:left;*/
	margin-top: 0px;
	padding-top: 0px;
	margin-left:-40px;
	`margin-left:0px;

	}

#nav li{
	position:relative;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#eeeedd;
	font-size:12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #eeeedd;
	height: 25px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left:0px;

	}
#nav li.right{
	position:relative;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#eeeedd;
	font-size:12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #eeeedd;
	height: 25px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left:0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eeeedd;
	}

#nav li a{
	color:#eeeedd;
	text-decoration:none;
	}
	
#nav ul li.cart{
	background-image:url(graphics/cart.jpg);
	width:80px;
	height:40px;
	padding-right:0px;
	padding-left:0px;
	padding-top:0px;
/*	border-left-style: none; */	
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #eeeedd;
	}
	
#nav li ul {

	position:absolute;
	width:365px;
	/*float: left;*/
	padding:0px;
	left:0px;
	margin:0px;
	margin-top:1px;
	top:40px;
	display:none;
	background-color:#eeeecc;
	}

#nav li:hover ul, #nav li.over ul { 
	display:block;
}

#nav li ul li {
	position:relative;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#eeeedd;
	font-size:12px;
	height:25px;
	width:140px;
	background-color:#eeeecc;
	padding-top: 5px;
	padding-bottom:5px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left:0px;
	margin-bottom:0px;
	margin-top:0px;
	
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #867853;
}

#nav li ul li a {
	color:#867853;
	text-decoration: none;
}

#nav li ul li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999903;
}


/*__________________________________________________________________________________________*/	

#nav2{
	float:left;
	`float:none;
	width:592px;
	background-image:url(graphics/navBG.jpg);
	background-repeat:repeat-x;
	height:41px;
	}

#nav2 ul{
	list-style:none;
	float:left;
	margin-top: 0px;
	padding-top: 0px;
	margin-left:0px;
	padding-left: 0px;

	}

#nav2 li{

	position:relative;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#eeeedd;
	font-size:12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #eeeedd;
	height: 25px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	}

#nav2 li.cart{
	margin:0px;
	padding:0px;
	border-left-style: none;
	} 

#nav2 li a{
	color:#eeeedd;
	text-decoration:none;
	}

#nav2 li a{
	color:#eeeedd;
	text-decoration:none;
	}

#nav2 li ul {
	position:absolute;
	width:385px;
	/*float: left;*/
	padding:0px;
	left:0px;
	margin:0px;
	margin-top:1px;
	top:40px;
	display:none;
	background-color:#eeeecc;
/*	position:absolute;
	width:385px;
	float: left;
	padding:0px;
	left:10px;
	margin:0px;
	top:40px;
	display:none;
	background-color:#eeeecc;*/
}

#nav2 li:hover ul, #nav2 li.over ul { 
	display:block;
}

#nav2 li ul li {
	position:relative;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#eeeedd;
	font-size:12px;
	height:25px;
	width:150px;
	background-color:#eeeecc;
	padding-top: 5px;
	padding-bottom:5px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left:0px;
	margin-bottom:0px;
	margin-top:0px;
	
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #867853;
/*	position:relative;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#eeeedd;
	font-size:12px;
	height:auto;
	background-color:#eeeecc;
	padding-top: 5px;
	padding-bottom:5px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left:0px;
	margin-bottom:0px;
	margin-top:0px;
	width:100px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #867853;*/
}

#nav2 li ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8a7757;
	text-decoration: none;
}

#nav2 li ul li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9ea00e;
}


/*_________________________________________________*/

#head-content{
	float:left;


	`float:none;
	width:420px;
	background-repeat:no-repeat;
	padding-left: 10px;
	}

#head-content h1{
	color:#cc6633;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-top: 20px;
	padding-top: 0px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999900;
	width: 340px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	}

#head-content p{
	color:#000000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	margin-right: 40px;
	line-height: 17px;
	padding-top: 0px;
	margin-top: 5px;
	}

#head-content2{
	float:left;
	`float:none;
	width:580px;
	}

#head-content2 h1{
	color:#999900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-top: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	margin-bottom: 5px;
	}

#head-content2  a{
	color:#937f5a;
	}

#head-content2  a:hover{
	text-decoration:none;
	}

#head-content2 h2{
	color:#887755;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top: 0px;
	margin-bottom:10px;
	padding-top: 0px;
	}

#head-content2 h3{
	color:#887755;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin-top: 0px;
	margin-bottom:0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	}

#head-content2 h4{
	color:#cc6633;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	margin-top: 0px;
	margin-bottom:0px;
	padding-top: 0px;
	padding-bottom: 0px;
	}

#head-content2 p{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 0px;
	margin-bottom: 10px;
	line-height: 17px;
	margin-top: 0px;
	margin-right: 80px;
	margin-left: 0px;
	}

#head-content2 hr{
	color:#887755;
	padding: 0px;
	height: 1px;
	border:none;
	background-color: #887755;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 80px;
	margin-left: 0px;
	}

#head-content2 td{
	color:#887755;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin: 0px;
	padding: 0px;
	}

#devider{	
	float:left;
	`float:none;
	width:100%;
	height:10px;
	background-image:url(graphics/devider.jpg);
	background-repeat:repeat-y;
	}

div#section_top {
	background-image: url(section_top.gif);
	background-repeat: no-repeat;
	width: 950px;
	margin-top: 20px;
	padding-top: 10px;
}

#sidebar {
	clear:left;
	margin: 0px;
	padding: 0px;
}

#sidebartop {
	clear:left;
	color: #277897;
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}

#sidebar ul {
	clear:left;
	padding-top:5px;
}

#sidebar ul li {
	-x-system-font:none;
	color:#277897;
	font-family:Helvetica,Arial;
	font-size:14px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1em;
	margin-top: 0;
	margin-right: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin-bottom: 15px;
	list-style-type: disc;
}

#sidebar2 {
	clear:left;
	margin: 0px;
	padding: 0px;
}

#sidebar2 ul {
	clear:left;
	margin-left: 0px;
	padding-left: 10px;
}

#sidebar2 ul li {
	-x-system-font:none;
	color:#000;
	font-family:Helvetica,Arial;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5em;
	margin-top: 0;
	margin-right: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin-bottom: 15px;
	list-style-type: disc;
}

#contentwrap{
	float:left;
	width:950px;
	background-image:url(graphics/body-bg.jpg);
	background-repeat:repeat-y;
	}

#featured-product{
	float:left;
	`float:none;
	width:624px;
	background-image:url(graphics/feature-stretched.jpg);
	background-repeat:repeat-y;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: 10px;
	}

#featured-top{
	float:left;
	width:630px;
	background-image:url(graphics/featured-product.jpg);
	height:48px;
	background-repeat:no-repeat;
	}

#featured-mid{
	float:left;
	width:630px;
	}

#featured-mid h1{
	color:#887755;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0px;
	font-weight: bold;
	}

#featured-mid h2{
	color:#cc6633;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: italic;
	}	

#featured-bottom{
	float:left;
	width:624px;
	background-image:url(graphics/featured-bottom.jpg);
	height:33px;
	background-repeat:no-repeat;
	}

#whatsNew{
	float:left;
	`float:none;
	width:255px;
	margin-left: 20px;
	margin-top: 20px;
	`margin-top:0px;
	padding: 0px;
	background-position: top;
	}

#whats-new-top{
	float:left;
	`float:none;
	width:255px;
	height:22px;
	background-image:url(graphics/whats-new-top.jpg);
	background-repeat:no-repeat;
	}

#whats-new-mid{
	float:left;
	`float:none;
	width:255px;
	background-image:url(graphics/whats-new-stretcher.jpg);
	background-repeat:repeat-y;
	}

#whats-new-bottom{
	float:left;
	`float:none;
	width:255px;
	height:24px;
	background-image:url(graphics/whats-new-bottom.jpg);
	background-repeat:no-repeat;
	}

#whatsNew h1{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:#8f7e5c;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8f7e5c;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	padding-bottom: 0px;
	}
	
#whatsNew h2{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8f7e5c;
	margin-top: 5px;
	padding-top: 0px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
	padding-bottom: 0px;
	height: 1px;
	}
	
#whatsNew p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#887755;
	margin-right: 20px;
	margin-left: 20px;
	line-height: 17px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	}
	
#whatsNew span{
	color:#999900;
	font-weight:bold;
	}
	
#whatsNew a{
	color:#8f7e5c;
	font-weight:bold;
	}
	
#whatsNew a:hover{
	color:#8f7e5c;
	text-decoration:none;
	}
	
#footer{
	float:left;
	width:921px;
	background-image:url(graphics/footer.png);
	background-repeat:no-repeat;
	height:44px;
	padding-left: 50px;
	}

#footer ul{
	list-style:none;
	float:left;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	padding-left: 5px;
	}

#footer li{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#eeeedd;
	font-size:11px;
	padding-left: 0px;
	margin-top: 15px;
	margin-right: 5px;
	}

#footer li a{
	color:#eeeedd;
	text-decoration:none;
	}	

#footer td{
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#eeeedd;
	font-size:11px;
	}

#footer2{
	float:left;
	width:920px;
	background-image:url(graphics/footer.jpg);
	background-repeat:no-repeat;
	background-position:left;
	height:44px;
	padding-left: 50px;
	}

#footer2 ul{
	list-style:none;
	float:left;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	padding-left: 5px;
	}

#footer2 li{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#eeeedd;
	font-size:11px;
	padding-left: 0px;
	margin-top: 15px;
	margin-right: 5px;
	}

#footer2 li a{
	color:#eeeedd;
	text-decoration:none;
	}	

#footer2 td{
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#eeeedd;
	font-size:11px;
	}
	
#footer2 input{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	}
	
#footer input{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	}

#sub-footer{
	float:left;
	width:700px;
	height: 50px;
	padding-left: 50px;
	}

/*-classes--*/

td.space{
	padding-left:30px;
	padding-top: 30px;
	}
	
td.space2{
	padding-left:20px;
	}
	
td.space3{
	padding-left:30px;
	padding-top: 10px;
	}

td.line{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #887755;
}

span.orange{
	color:#cc6633;
	font-size:12px;
	font-style: italic;
	font-family:Arial,Helvetica,sans-serif;
	}

input.go{
	color:#eeeedd;
	border:none;
	margin:0px;
	padding:0px;
	background-color:#887755;
	} 

input.txt{
	height:15px;
	border: 1px solid #FFFFFF;
	color:#887755;
	background-color:#ecebe9;
	}

	
.hrline{
	color:#887755;
	}
	
.disclaimer{
	FONT-SIZE: 9px;
	color: #666666;
	TEXT-DECORATION:none;
	FONT-WEIGHT:normal;
	text-align: center;
}

h3 {
	color:#CC0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	margin-bottom: 5px;
}


/*----tabber--------*/

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */



/*--------------------------------------------------

  REQUIRED to hide the non-active tab content.

  But do not hide them in the print stylesheet!

  --------------------------------------------------*/

.tabberlive .tabbertabhide {
 display:none;
}



/*--------------------------------------------------

  .tabber = before the tabber interface is set up

  .tabberlive = after the tabber interface is set up

  --------------------------------------------------*/

.tabber {

}

.tabberlive {
 margin-top:1em;
}



/*--------------------------------------------------

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

  --------------------------------------------------*/

ul.tabbernav {
	 margin:0;
	 padding: 3px 0;
	 border-bottom: 1px solid #8b7a58;
	 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li {
	 list-style: none;
	 margin: 0;
	 display: inline;
}

ul.tabbernav li a {
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #8b7a58;
	border-bottom: none;
	background: #FFFFF;
	text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }

ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover {
	color: #000;
	background: #ddccbb;
	border-color: #8b7a58;
}

ul.tabbernav li.tabberactive a {
	background-color: #ddccbb;
	border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover {
	 color: #000;
	 background: white;
	 border-bottom: 1px solid #FFFFF;
}


/*--------------------------------------------------

  .tabbertab = the tab content

  Add style only after the tabber interface is set up (.tabberlive)

  --------------------------------------------------*/

.tabberlive .tabbertab {
	 padding:5px;
	 border:1px solid #8b7a58;
	 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */
 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {
	 display:none;
}

.tabberlive .tabbertab h3 {
	 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab1 {
}

.tabberlive#tab2 {
}

.tabberlive#tab2 .tabbertab {
	 height:200px;
	 overflow:auto;
}

/*-------------------------checkout page---------*/
#contentwrap-checkout{
	float:left;
	width:940px;
	padding-left:30px;
    background-image:url(graphics/secondaty-stretcher.jpg);
    background-repeat:repeat-y;
	background-position:right;
	}
	
#contentwrap-checkout h1{
	color:#999900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:0px;
	margin:0px;
	}
	
#contentwrap-checkout h2{
	color:#897856;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0px;
	margin:0px;
	}
	
#contentwrap-checkout td{
	color:#897856;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0px;
	margin:0px;
	}
	
#contentwrap-checkout a{
	color:#999900;
	}
	
#contentwrap-checkout a:hover{
text-decoration:none;
	}
#contentwrap-checkout span{
	color:#cf7041;
	}


/*-------------------------newsletter---------*/

.newsletter-bg-top {
	background-image: url(graphics/newsletter-bg-top.gif);
	background-repeat: repeat-y;
}
.newsletter-bg-middle {
	background-image: url(graphics/newsletter-bg-middle.gif);
	background-repeat: repeat-y;
}

.newsletter-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999900;
	padding-right: 194px;
	padding-left: 45px;
	padding-top: 0px;
	padding-bottom: 0px;
	}
	
.newsletter-content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-right: 194px;
	padding-left: 45px;
	padding-top: 0px;
	}

.newsletter-bg-footer {
	background-image: url(graphics/newsletter-footer-bg.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-right: 0px;
	padding-left: 0px;
	}

.newsletter-footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #EEEEDD;

	}
	
#caption {
	width: 491px;
	left: 70px;
	top: 447px;
	position: absolute;
	visibility: visible;
	height: 90px;
}