/*********************** ALL DIVS ***************************/

#container{
	width:950px;
	margin:0 auto;
	padding:0 25px;
	position: relative;
	background:url(../images/global/page_bg.jpg) left top repeat-y;
}
#bottom-edge{
	width:1000px;
	height:46px;
	margin:0 auto;
	padding:0;
	position: relative;
	background: url(../images/global/page_btm.jpg) left top no-repeat;
}

/*********************** HEADER ***************************/
#header{
	position:relative;
	width:950px;
	height:99px;
	padding:0;
}
#logo{
	position:relative;
	width:141px;
	height:99px;
	padding:0;
	margin:0;
	float:left;
	background:url(../images/global/logo.jpg) left top no-repeat;
}
#logo a{
	position: absolute;
	width:59px;
	height:56px;
	left:41px;
	top:36px;
	padding:0;
	margin:0;
}
#name{
	position:relative;
	width:269px;
	height:99px;
	float:left;
	background:url(../images/global/be_aware.jpg) left top no-repeat;
}
#name a{
	position: absolute;
	width:264px;
	height:44px;
	left:5px;
	top:55px;
	padding:0;
	margin:0;
}
#top-nav-search{
	position:relative;
	width:540px;
	height:99px;
	float:left;
	background:url(../images/global/top_nav_bg.jpg) left top no-repeat;
}

#search{
	margin:61px 0 0 0;
	position: absolute;
	padding:0;
	float: right;
	font:12px Lucida Grande, Arial, Helvetica, sans-serif;
	color:#000;
	width:540px;
	height:21px;
}
#search form{
	margin:0;
	width:148px;
	height:21px;
	position:absolute;
	right:19px;
}
#search form input.keyword{
	width: 120px;
	height: 20px;
	float:left;
	position:relative;
	padding: 2px 3px 0px 5px;
	margin: 0;
	border:none;
	background:transparent;
	font:12px Lucida Grande, Arial, Helvetica, sans-serif;
	color:#7D7D7D;
	}
#search form input.button{
	width: 20px;
	height: 20px;
	margin: 0;
	border:none;
	background: transparent;
	cursor:pointer;
	float: right;
	position:relative;
}

/**************************** MASTER *******************************************/
#master{
	position: relative;
	width:950px;
	padding:0px;
	background:url(../images/global/left_column.gif) left top no-repeat;
	z-index:0;
}
/**************************** LEFT COLUMN *******************************************/
#leftcol{
	position: relative;
	left:0px;
	top:0px;
	width:215px;
	height:100%;
	padding:0px 0 0 16px;
	margin:0;
	float:left;
}
#free{
	position: relative;
	width:195px;
	height:94px;
	padding:0;
	margin:11px 0 0 0;
	background: url(../images/global/free.jpg) left top no-repeat;
}
#left-slideshow {
	position: relative;
	margin:18px 0 0 0;
	padding:0;
	width: 204px;
	height: 328px;
	background:url(../images/left_slideshow.jpg) left top no-repeat;
}
#product-slide {
	position: relative;
	margin:23px 0 0 0;
	padding:3px 0 0 3px;
	width: 204px;
	height: 328px;
	background:url(../images/left_slideshow.jpg) left top no-repeat;
}
#product-slide-nav {
	position: relative;
	margin:-3px 0 0 0;
	padding:2px 0 0 10px;
	width: 204px;
	height: 30px;
	background: url(../images/product_nav.jpg) left top no-repeat;
}
#product-slide-nav a.prev1 {
	display:block;
	width:16px;
	height:16px;
	background:url(../images/controller/prev_off.jpg) left top no-repeat;
	float:left;
}
#product-slide-nav a:hover.prev1 {
	display:block;
	width:16px;
	height:16px;
	background:url(../images/controller/prev_on.jpg) left top no-repeat;
	float:left;
}
#product-slide-nav a.next1 {
	display:block;
	width:16px;
	height:16px;
	background:url(../images/controller/next_off.jpg) left top no-repeat;
	float:left;
}
#product-slide-nav a:hover.next1 {
	display:block;
	width:16px;
	height:16px;
	background:url(../images/controller/next_on.jpg) left top no-repeat;
	float:left;
}
#product-slide-nav span {
	font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	display: block;
	float:left;
	margin:0 10px;
}
/*4th sample*/
#product-slide-nav a img {
	filter:alpha(opacity=50);
  	opacity:0.5;
 	-moz-opacity:0.5;
	background-image:none!important;
}
#product-slide-nav a:hover img {
	filter:alpha(opacity=100);
  	opacity:1;
 	-moz-opacity:1;
	background-image:none!important;
}
#product-slide-nav a.prev, #product-slide-nav a:hover.prev, #product-slide-nav a.next, #product-slide-nav a:hover.next{
	float:left;
	display:block;
	width:16px;
	height:16px;
}
/**/
#product_preview {
	position: relative;
	margin:0;
	padding:0;
	width: 204px;
	height: 43px;
}
#signup {
	position: relative;
	margin:23px 0 0 8px;
	padding:0;
	width: 182px;
	height: 85px;
	background:url(../images/signup.jpg) left top no-repeat;
}
#signup form{
	margin:0;
	width:175px;
	height:24px;
	position:absolute;
	left:3px;
	top:49px;
}
#signup form input.keyword{
	width: 124px;
	height: 22px;
	float:left;
	position:relative;
	padding: 4px 3px 0px 5px;
	margin: 0;
	border:none;
	background:transparent;
	font:12px Lucida Grande, Arial, Helvetica, sans-serif;
	color:#7D7D7D;
	}
#signup form input.button{
	width: 35px;
	height: 20px;
	margin: 3px 5px 0 0;
	border:none;
	background: transparent;
	cursor:pointer;
	float: right;
	position:relative;
}
/**************************** RIGHT COLUMN *******************************************/
#rightcol{
	position: relative;
	width:718px;
	padding:0;
	margin:0;
	float:right;
}

#rightcol2{
	position: relative;
	width:713px;
	padding:0;
	padding-top:20px;
	margin:0;
	float:right;
}
#rightcol-inside{
	position: relative;
	width:670px;
	padding:15px 24px 24px 24px;
	margin:0;
	float:right;
	z-index:0;
}


#product-links {
	position: relative;
	margin:25px 0 0 25px;
	padding:0;
	width:680px;
	height: 120px;
}
#product-links ul{
	position: absolute;
	margin:0;
	padding:0;
	width: 680px;
	height: 26px;
	list-style:none;
}
#product-links ul li{
	margin:0;
	padding:0;
	display:block;
	width: 122px;
	height: 120px;
	float:left;
}
#product-links ul li#first{
	margin-right:56px!important;
	background: url(../images/bracelet.jpg) left top no-repeat!important;
}
#product-links ul li#second{
	margin-right:56px!important;
	background: url(../images/Organic_Sheets.jpg) left top no-repeat!important;
}
#product-links ul li#third{
	margin-right:56px!important;
	background: url(../images/Baby_Beanie.jpg) left top no-repeat!important;
}
#product-links ul li#fourth{
	background: url(../images/Scarves.jpg) left top no-repeat!important;
}
#product-links ul li a{
	margin:0;
	padding:0;
	display:block;
	width: 100px;
	height: 15px;
	position: relative;
	left:12px;
	top:93px;
}
/**************************** FOOTER *******************************************/

#footer-top{
	position: relative;
	width:950px;
	height:58px;
	padding:0;
	margin:0 auto;
	background: url(../images/global/footer_nav_bg.jpg) left top no-repeat;
}
#footer-left{
	position: relative;
	width:231px;
	height:58px;
	padding:0;
	margin:0;
	float:left;
}
#twitter a{
	position:absolute;
	left:34px;
	top:20px;
	width:26px;
	height:26px;
	padding:0;
	margin:0;
	float:left;
}
#twitter a:hover{
	background:url(../images/global/twitter.jpg) left top no-repeat;
}
#facebook a{
	position:absolute;
	left:73px;
	top:20px;
	width:26px;
	height:26px;
	padding:0;
	margin:0;
	float:left;
}
#facebook a:hover{
	background:url(../images/global/facebook.jpg) left top no-repeat;
}
#createdby{
	position:absolute;
	left:115px;
	top:28px;
	width:105px;
	height:26px;
	padding:0;
	margin:0;
	float:left;
	font:12px Lucida Grande, Arial, Helvetica, sans-serif;
	color:#8EB6DA;
}
#createdby a{
	color:#8EB6DA;
	text-decoration:none;
}
#createdby a:hover{
	color:#FFF;
}
#footer-right{
	position: relative;
	width:684px;
	height:28px;
	padding:30px 0 0 34px;
	margin:0;
	float: right;
	font:12px Lucida Grande, Arial, Helvetica, sans-serif;
}
#footer-right span{
	width:58px;
	height:25px;
	display:block;
	float:left;
}
#footer-right a, #footer-right a:visited, #footer-right a:active{
	text-transform:uppercase;
	text-decoration: none;
	color:#FFFFFF;
	display:block;
	float:left;
}
#footer-right a:hover{
	color:#CCC;
}
#footer-bottom{
	position: relative;
	width:918px;
	height:110px;
	padding:9px 0 0 32px;
	margin:0 auto;
	background:#597998;
}
#footer-bottom ul{
	margin:0;
	padding:0px;
	list-style:none;
}
#footer-bottom ul li{
	float: left;
	padding:0;
	margin:0 7px 0 0;
	text-decoration: none;
	width:150px;
	font:11px/16px Lucida Grande, Arial, Helvetica, sans-serif;
	color:#8EB6DA;
	cursor:default;
}
#footer-bottom ul li.first, #footer-bottom ul li.second{
	margin-right:215px!important;
}
#footer-bottom ul li a, #footer-bottom ul li a:visited, #footer-bottom ul li a:active{
	text-decoration: none;
	color:#8EB6DA;
	cursor: pointer;
}
#footer-bottom ul li a:hover{
	text-decoration: none;
	color:#FFF;
	cursor:pointer;
}
#footer ul li ul{
	margin:0;
	padding:0px;
	list-style:none;
}
#footer ul li ul li a, #footer ul li ul li a:visited, #footer ul li ul li a:active{
	float: left;
	padding:0 0 0 8px;
	margin:0;
	text-decoration: none;
	width:120px;
	font:10px/25px Lucida Grande, Arial, Helvetica, sans-serif;
	border-top:1px solid #57573C;
	color:#8D8D61;
	background:url(../images/bullet.gif) left 50% no-repeat;
}

#footer ul li ul li a:hover{
	text-decoration: none;
	color:#E0E0A0;
	padding:0 0 0 8px;
	font:10px/25px Lucida Grande, Arial, Helvetica, sans-serif;
	background:url(../images/bullet_on.gif) left 50% no-repeat;
}
#footer ul li#home{
	margin:0 30px 0px 0;
}
#footer ul li#home p{
	margin:0;
	padding:10px 0 0 0;
	float:left;
	border-top:1px solid #57573C;
}
/******** MISCE ************************/

#clearfix{
	margin:0;
	padding:0;
	height:0px;
	clear:both;
	display: block;
}

/************** PRODUCT PAGES ************************************/
#coockie-crumbs{
	position: relative;
	width:670px;
	padding:0px;
	margin:0 0 10px 0;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#4c6885;
}
#coockie-crumbs a, #coockie-crumbs a:visited, #coockie-crumbs a:active{
	color:#4c6885;
	text-decoration:none;
}
#coockie-crumbs a:hover{
	color:#cd5201;
	text-decoration:underline;
}

#testimonial {
	position: relative;
	margin:17px 0 0 8px;
	padding:0;
	width: 182px;
	font:italic 12px Trebuchet MS, Arial, Helvetica, sans-serif;
}