/* CSS Document transparentnewmedia.com */


p {
	padding-left:20px;
	width:515px;
}

body {
	margin:0;
	padding:0;
}

.wrapper {width:800px;margin:0 auto;position:relative;background-color: #FFF;} /* auto centres */

a:link {
	text-decoration: none;
	color: #6E461D;
	font-weight:700;
}

a:visited {
	text-decoration: none;
	color: #6E461D;
	font-weight:700;
}

a:hover {
	text-decoration: none;
	color: #b09f83;
	font-weight:700;
}

a:active {
	text-decoration: none;
	color: #6E461D;
	font-weight:700;
}



form {
	padding-left:25px;
}
	
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#ffffff;
	font-weight:bold;
	padding-left:15px;
	background-color:#6E461D;
	width:200px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6E461D;
	padding-left:20px;
}

.larger-text{ font-size:15px; font-weight:bold; margin-bottom:12px; }
.smaller-text{ font-size:10px; }

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6E461D;
	padding-left:20px;
	margin-top:2px;
	font-weight:bold;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6E461D;
	padding-left:20px;
	margin-bottom:0px;
	margin-top:2px;
	font-weight:bold;
}
	
#logo {
	width:145px;
	min-width:145px;
	float:left;
	padding-left:59px;
	margin-right:10px;
}

#main_menu h1 span {
	display:none
}
	
#main_menu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	width:214px;
	clear:both; 
	margin: 0px 0px 0px 0px; 
	float: left;
	display: inline;
}

#homer {
	background-image:url(images/images/home.jpg);
	height:10px;
	padding-left:20px;
	font-weight:bold;
}

#prod {
	background-image:url(images/images/products.jpg);
	padding-left:20px;
	padding-top:15px;
	font-weight:bold;
}

#original {
	padding-left:50px;
}

#luxury {
	padding-left:50px;
}

#hand {
	padding-left:50px;
}

#belly {
	padding-left:50px;
}

#where {
	background-image:url(images/images/wheretobuy.jpg);
	padding-top:15px;
	padding-left:20px;
	font-weight:bold;
}

#about {
	background-image:url(images/images/aboutus.jpg);
	padding-top:15px;
	padding-left:20px;
	font-weight:bold;
}

#contact {
	background-image:url(images/images/contactus.jpg);
	padding-top:15px;
	padding-left:20px;
	font-weight:bold;
}
	
#image {
	height:168px;
	width:586px;
	float:left;
}

#content h2 span {
	display:none
}
		
#content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	width:542px;
	padding:0px 20px 0px 20px;
	float:left;
	background:url(images/images/space.jpg) repeat-y 0 bottom;
	
	min-height:230px;
	min-width:542px;
	clear:right;
}

#foot {
	background-image:url(images/images/footer.jpg);
	background-repeat:no-repeat;
}

#sub_links {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	height:35px;
	width:800px;
	clear:both;
	padding-top:15px;
	background-image:url(images/images/footer.jpg);
	background-repeat:no-repeat;
}

#foot_links {
	width:150px;
	float:left;
}

#copyright {
	float:left;
	width:163px;
	padding-right:265px;
	font-size:10px;
	padding-left:222px;
}

#price {
	text-align:right;
	font-size:15px;
	padding-bottom:10px;
	padding-left:20px;
}

#promo__1 {
	padding-right:15px;
	padding-left:6px;
	float:left;
}

#promo__2 {
	float:left;
}

#ty {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
	width:542px;
	padding:0px 20px 0px 20px;
	float:left;
	background-image:url(images/images/space.jpg);
	background-repeat:repeat-y;
	min-height:230px;
	min-width:542px;
	clear:right;
}

#ban {
	padding-left:30px;
}

.textBold {
	font-weight:700;
}

.bee_position {
vertical-align:middle;

}

.productWrapper { margin:0px;padding-left:22px; }
.alignH {
display:inline;
position:relative;
float:left;

}


a.luxlipButton { 
        background:url(images/images/lip_balms.jpg) no-repeat 0px 0px; 
        width: 170px; 
        height: 185px; 
        display: block; 
}

a.luxlipButton:hover { 
        background: url(images/images/lip_balms.jpg) no-repeat 0px -185px; 
}

a.origlipButton { 
        background:url(images/images/lip_balms.jpg) repeat 340px 0px; 
        width: 170px; 
        height: 185px; 
        display: block; 
}

a.origlipButton:hover { 
        background: url(images/images/lip_balms.jpg) repeat 340px -185px; 
}

a.westlipButton { 
        background:url(images/images/lip_balms.jpg) repeat 170px 0px; 
        width: 170px; 
        height: 185px; 
        display: block; 
}

a.westlipButton:hover { 
        background: url(images/images/lip_balms.jpg) repeat 170px -185px; 
}

a.luxlipButton span, a.origlipButton span, a.westlipButton span { 
        display: none; 
}



a.hndsalveButton { 
        background:url(images/images/hands_feet.jpg) no-repeat 0px 0px; 
        width: 170px; 
        height: 185px; 
        display: block; 
}

a.hndsalveButton:hover { 
        background: url(images/images/hands_feet.jpg) no-repeat 0px -185px; 
}

a.frmhndButton { 
        background:url(images/images/hands_feet.jpg) repeat 340px 0px; 
        width: 170px; 
        height: 185px; 
        display: block; 
}

a.frmhndButton:hover { 
        background: url(images/images/hands_feet.jpg) repeat 340px -185px; 
}

a.ftsvButton { 
        background:url(images/images/hands_feet.jpg) repeat 170px 0px; 
        width: 170px; 
        height: 185px; 
        display: block; 
}

a.ftsvButton:hover { 
        background: url(images/images/hands_feet.jpg) repeat 170px -185px; 
}



a.woodButton { 
        background:url(images/images/home_care.jpg) no-repeat 0px 0px; 
        width: 170px; 
        height: 185px; 
        display: block; 
}

a.woodButton:hover { 
        background: url(images/images/home_care.jpg) no-repeat 0px -185px; 
}

a.bellyButton { 
        background:url(images/images/home_care.jpg) repeat 340px 0px; 
        width: 170px; 
        height: 185px; 
        display: block; 
}

a.bellyButton:hover { 
        background: url(images/images/home_care.jpg) repeat 340px -185px; 
}

a.candlesButton { 
        background:url(images/images/home_care.jpg) repeat 170px 0px; 
        width: 170px; 
        height: 185px; 
        display: block; 
}

a.candlesButton:hover { 
        background: url(images/images/home_care.jpg) repeat 170px -185px; 
}


a.luxlipButton span, a.origlipButton span, a.westlipButton span, a.hndsalveButton span, a.frmhndButton span, a.ftsvButton span, a.woodButton span, a.bellyButton span, a.candlesButton span { 
        display: none; 
}

* html a.luxlipButton, * html a.origlipButton, * html a.westlipButton, * html a.hndsalveButton, * html a.frmhndButton, * html a.ftsvButton, * html a.woodButton, * html a.bellyButton, * html a.candlesButton {width:170px; w\idth:169px;}

.social { padding-top:40px; padding-left:20px; font-size:11px; }
.FaceBook { padding-right:6px; vertical-align:-30%;  }
.bigbarn { padding-right:9px; vertical-align:-15%;  }


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {float: left;height:60px;font-size:80%;margin:-5px 0 -20px 0px;padding-left:60px;}
.embeddedmenu {height:60px;font-size:100%;margin:0px 0 -20px 0px;padding-left:0px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
position:relative;
z-index:500;
padding:0;
margin:0;
list-style-type:none;
width:154px;
}
/* style the list items */
.menu li {
background: #c5baa6; /* url(assets/shade.gif) repeat 0px top */
height:30px;
/* for IE7 */
float:left;
}
.menu li.sub {background:b09f83;}  /* url(assets/sub.gif) no-repeat 0px top */
.menu li.initial {background:none;}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:30px;
line-height:30px;
width:154px;
color: #6E461D;
text-indent:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
/* border
border:1px solid #fff;
border-width:0 1px 1px 0px; */
}


/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:154px; w\idth:153px;}
/* style the link hover */
* html .menu a:hover {color: #6E461D; background:#b09f83; position:relative;}

.menu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {color:#FFFFFF; background:#b09f83;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {color:#FFFFFF; background:#b09f83;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
visibility:hidden;
position:absolute;
top:-30px;
/* set up the overlap (minus the overrun) */
left:124px;
/* set up the overrun area */
padding:30px;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(transparent.gif);
}

/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.menu ul a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.menu ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.menu ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}

/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
visibility:visible;
}
/* make the third level visible when you hover over second level link */
.menu ul a:hover ul a:hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level link */
.menu ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}

/* table      _______________________________________________ */

table.wide-table { width:520px; }

table {border-collapse: collapse; background: #fff;margin-left:20px;}

table.wide-table td {width:33%; }

td, th {border: 1px solid #b0b0b0; padding: 0.45em;}


/* table links ______________________________________________ */



table a:link {text-decoration: none;
	color: #6E461D;
	font-weight:700;
}

table a:visited {text-decoration: none;
	color: #6E461D;
	font-weight:700;
}

table a:hover {a:hover {
	text-decoration: none;
	color: #b09f83;
	font-weight:700;
}

table a:active {
	text-decoration: none;
	color: #6E461D;
	font-weight:700;
}

table.noborder a:link, table.noborder a:visited, table.noborder a:hover { border:3px #ffffff ! important; }



/* table body _______________________________________________ */

thead th {text-align: center;width:520px;color: #6E461D;
	font-weight:700;background: #b09f83;}
tfoot th {text-align: center;width:520px;color: #6E461D;
	font-weight:normal;background: #b09f83;}


tbody td {vertical-align: top; text-align: left;padding-bottom:15px;}

tbody tr:hover {background: none;}


.tdspacer-width { width:60px;text-align: left; }

td.right { text-align:right; }
td.toppad20 { padding-top:20px; }

.wideodd {background: #b09f83;}
tbody tr:hover {background: #c0c0c0;}