body {
	background: #f0eadc url('../images/ui/body-bg.jpg');
	font-family: Courier;
	font-size: 11px;
}

a {
	color: #000;
}

#wrapper {
	width:996px;
	margin:auto;
	margin-top:20px;
}

/* HEADER
-----------------------------------------------------------*/
#header {
	width:996px;
	height:73px;
	padding:0px;
	margin-bottom:3px;
}

#header h1 {
	float: left;
}

/* NAV 498 x 65
-----------------------------------------------------------*/
.cufon-loading #nav {
	visibility: hidden !important;
}

#nav {
	font-family: Arial;
	background: #e4ddd3 url('../images/ui/nav-bg.gif') no-repeat top left;
	width:635px;
	height:42px;
	padding-top:20px;
	padding-left:20px;
	margin-top:8px;
	font-size:16px;
	float:left;
	-webkit-border-radius:4px;
    -moz-border-radius:4px;
	opacity:0.8;
	filter:alpha(opacity=80);
}

.cufon-active #nav {
	height:45px;
	width:655px;
	width:635px;
	padding-top:20px;
	padding-left:20px;
	font-size:23px;
	word-spacing:-5px;
}

#nav li {
	float:left;
	margin:0 15px;
}

.cufon-active #nav li {
	margin:0 14px;
}

#nav li a {
	text-decoration: none;
	display: block;
	padding: 0 11px;
}

.cufon-active #nav li a {
	padding:0 13px;
}

#nav li a:hover {
	color: #dd0077;
}

#shop #nav .shop a:hover,
#about #nav .about a:hover,
#blog #nav .blog a:hover,
#press #nav .press a:hover,
#foundation #nav .foundation a:hover {
	color: #000;
}

#shop #nav .shop,
#about #nav .about,
#blog #nav .blog,
#press #nav .press,
#foundation #nav .foundation {
	background: #89c43d url('../images/ui/nav-li-bg-left.gif') no-repeat left top;
}

.cufon-active #shop #nav .shop,
.cufon-active #about #nav .about,
.cufon-active #blog #nav .blog,
.cufon-active #press #nav .press,
.cufon-active #foundation #nav .foundation {
	background: #89c43d url('../images/ui/nav-li-bg-left-cufon.gif') no-repeat left top;
}

#shop #nav .shop a,
#about #nav .about a,
#blog #nav .blog a,
#press #nav .press a,
#foundation #nav .foundation a {
	background: url('http://www.littlelunalu.com/images/ui/nav-li-bg-right.gif') no-repeat right top;
	cursor: default;	
}

.cufon-active #shop #nav .shop a,
.cufon-active #about #nav .about a,
.cufon-active #blog #nav .blog a,
.cufon-active #press #nav .press a,
.cufon-active #foundation #nav .foundation a {
	background: url('http://www.littlelunalu.com/images/ui/nav-li-bg-right-cufon.gif') no-repeat right top;
	cursor: default;	
}

/* BAG
-----------------------------------------------------------*/
#bag {
	background:#a7d0cf url('../images/ui/bag-bg.png') no-repeat top left;
	width:113px;
	height:42px;
	margin-top:8px;
	float:right;
	padding: 23px 0 0 58px;
	font-family: Courier;
	font-size: 12px;
	font-weight: bold;
	cursor:pointer;
	color:#666;
	-webkit-border-radius:4px;
    -moz-border-radius:4px;
	opacity:0.8;
	filter:alpha(opacity=80);
}

#bag a {
	text-decoration: none;
}

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

#bag dt {
	float: left;
	clear: both;
	margin-right: 10px;
}

#bag dd {
	float: left;
}

/* BOLD
-----------------------------------------------------------*/

b.rrp{
	text-decoration:line-through;
	color:#b90000;
}

/* CONTENT
-----------------------------------------------------------*/
#content {
	width:996px;
	min-height:600px;
	clear: both;
}

/* SUB NAV
-----------------------------------------------------------*/
#leftCol,
#brands{
	width:170px;
	height:642px;
	float:left;
	margin-top:27px;
	font-size:12px;
}

#leftCol a,
#brands a {
	text-decoration: none;
}

#leftCol a.banner img{
	margin-bottom:10px;
}

#menu,
#brands {
	border-top: 1px dashed #c7d9dd;
	margin-bottom: 17px;
}

.cufon-loading #menu,
.cufon-loading #brands {
	visibility: hidden !important;
}

#menu li,
#brands li {
	border-bottom: 1px dashed #c7d9dd;
	padding: 1px 0px;
}

#menu li.nested{
	padding:1px 0 1px 15px;
}

#menu li h4,
#brands li h4 {
	background: #e3ded3;
	color: #000 ;
	display: block;
	padding: 2px 4px;
	margin: 1px 0;
}

#menu li h5,
#brands li h5{
	width:143px;
	height:16px;
	padding:4px 4px 4px 24px;
	background:transparent url('../images/ui/h5-bg.gif');
}

.cufon-active #menu li h5,
.cufon-active #brands li h5{

}

#menu li a,
#brands li a{
	display: block;
	padding: 2px 4px;
	margin: 1px 0;
}

#menu li a:hover,
#brands li a:hover {
	background: #dad5ca;
}

#shop #menu li a.active,
#press #menu li a.active {
	background: #c8e8ee;
}

#about #menu li a.active,
#foundation #menu li a.active,
#blog #menu li a.active {
	background: #eab9c5;
}

.campaignbox{
	margin-bottom: 17px;
}

.info {
	background: #c8e8ee url('../images/ui/info-bg.gif') top left no-repeat;
	padding: 7px;
	margin-bottom: 17px;
}

.cufon-loading .info {
	visibility: hidden !important;
}

.info li {
	margin: 2px 0;
}

.info li a {
	display: block;
}

.info li a:hover {
	text-decoration: underline;
}

.cufon-active .info li a {
	padding: 2px 0;
}

.cufon-active .info li a:hover {
	background: #dad5ca;
}

#currency{
	margin:20px 0;
}

/* RIGHT COL
-----------------------------------------------------------*/

#rightCol {
	width:656px;
	min-height:742px;
	float:left;
}

#copy {
	width:656px;
	float:right;
}

#copy-texture {
	width:600px;
	padding:0 28px;
	background:transparent url('http://www.littlelunalu.com/images/ui/copy-bg.gif') repeat-y top left;
	float:right;
}

#copy-inner {
	width:560px;
	min-height:960px;
	border:20px solid #fff;
	background:#fff;
}

#copy-inner img {
	margin-bottom: 20px;
}

#copy-inner h1 {
	color: #1a1818;
	font-size: 18px;
	margin-bottom: 15px;
	margin: 15px 0;
	padding-bottom: 4px;
	border-bottom: 1px dashed #f6bfdd;
}

.cufon-loading #copy-inner h1, .cufon-loading #blog #copy-inner h1 {
		visibility: hidden !important;
}

#blog #copy-inner h1 {
	color: #289ae5;
}

#blog #copy-inner h1 a {
	color: #289ae5;
	text-decoration: none;
}

#copy-inner p {
	font-size: 12px;
	margin-bottom: 15px;
	width: 500px;
}

#copy-inner p a:hover {
	color: #89c43d;
}

#blog #copy-inner p.hilight {
	color: #23257a;
	font-weight: bold;
}

#copy-inner p.fill {
	background-color: #f6e7e9;
	padding: 20px 15px;
}

#copy-inner hr {
	background: #fff;
	color: #fff;
	height: 6px;
	border: 0;
	border-top: 1px dashed #f6bfdd;
	border-bottom: 1px dashed #f6bfdd;
	margin: 5px 0px;
	clear: both;
}

#about form {
	margin: 15px 0;
}

#about label {
	float: left;
	width: 130px;
	line-height: 150%;
}

#about input {
	float: left;
	padding: 2px;
	border: 0;
	background: #eee;
	margin-bottom: 10px;
	font-family: Courier;
}

#about form p {
	clear: both;
}

#about select {
	margin: 0;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 0;
	float: left;
}

#about input.submit {
	width: auto;
}

/* SHOP
-----------------------------------------------------------*/
#shop #shopfront{
	width:560px;
	height:250px;
	background:#f0eadc;
}

#shop .item {
	width: 180px;
	height: 210px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

#shop .item.last {
	margin-right: 0;
}

#shop #copy-inner img {
	margin-bottom: 0px;
}

#shop #copy-inner .item img {
	margin-bottom: 5px;
}

#shop #copy-inner .item a {
	margin: 0;
	color: #393262;
	text-decoration: none;
	text-transform: uppercase;
}

#shop #copy-inner .item p {
	margin: 0;
	color: #5eb3ec;
}

#shop #packshot {
	width: 280px;
	height: 380px;
	background: #eee;
	float: left;
	position: relative;
}

#shop #packshot img {
	margin-bottom: 5px;
	margin-right: 3px;
}

#shop #productinfo {
	width: 260px;
	height: 360px;
	float: right;
	padding-top: 20px;
}

#shop #productinfo h3 {
	font-size:14px;
	color:#23257a;
	text-transform:uppercase;
	border-bottom:1px dashed #c9e6f8;
	padding-bottom:5px;
	margin-bottom:20px;
	font-weight:bold;
}

#shop #productinfo p {
	width: 240px;
	font-size: 12px;
	margin-bottom: 20px;
}

#shop h2 {
	font-family: Arial;
	text-transform: uppercase;
	color: #e12088;
	font-size: 16px;
	border: 0;
	padding: 0;
	margin: 20px 0;
}

.cufon-active #shop h2 {
	background: url('../images/ui/arrow.gif') no-repeat 183px 0px;
	font-family: Courier;
	font-size: 14px;
}

.cufon-loading #shop h2 {
	visibility: hidden !important;
}

.clear {
	clear: both;
}

/* CAROUSEL
-----------------------------------------------------------*/
#carousel {
	width: 826px;
	height: 542px;
	padding: 30px 52px 15px 52px;
	background: url('../images/ui/carousel-bg.png') no-repeat top left;
	clear: both;
}

#campaigns_shadow {
	background: url('../images/ui/campaigns-bg.png') no-repeat top left;
	padding: 3px;
}

#campaigns {
	width: 796px;
	height: 506px;
	border: 12px #fff solid;
	overflow: hidden;
}

#campaigns a img:hover {
	opacity: 0.95;
}

a.prev,
a.next {
	position: absolute;
	left: 0;
	top: 203px;
	z-index: 100;
	width: 25px;
	height: 99px;
	background: url('../images/ui/arrow_left.gif') no-repeat;
	opacity: 0.75;
	outline: none;
}

a.next {
	left: auto;
	right: 0;
	background-image: url('../images/ui/arrow_right.gif');
}

a.prev:hover,
a.next:hover {
	opacity: 0.95;
}

#blog a.prev,
#blog a.next {
	top: 130px;
}

/* FOOTER
-----------------------------------------------------------*/
.cufon-loading #footer {
	visibility: hidden !important;
}

#footer {
	text-align: center;
	margin-top: 20px;
	font-size: 16px;
	font-family: Arial;
}

#footer a {
	text-decoration: none;
}

#footer a:hover {
	color: #000;
}

#footer .blue {
	color: #289ae5;
	background: url('../images/ui/bolts.gif') no-repeat top right;
	padding-top: 20px;
	padding-right: 30px;
}

#footer .green {
	color: #7bbc37;
	background: url('../images/ui/swirls.gif') no-repeat top right;
	padding-top: 6px;
	padding-right: 18px;
	margin-right: 10px;
}

#footer .pink {
	color: #dd0077;
	background: url('../images/ui/star.gif') no-repeat top right;
	padding-top: 12px;
	padding-right: 3px;
}

/* COPYRIGHT
-----------------------------------------------------------*/
.copyright {
	font-family: Arial;
	font-size: 11px;
	color: #999;
	clear: both;
	margin: 20px 0;
	text-align: center;
}

.copyright a {
	color: #999;
}

.copyright a:hover {
	color: #000;
}

/* EOF
-----------------------------------------------------------*/