@import url("common.css");

html, body{
background: #ffffff;
color: #000000;
text-align: center;
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0px;
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
height: 100%;
}

#container{
	position: relative;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	height: 100%;
	background: url(../img/contbg_large.gif) repeat-y 980px 0px;
}

#outline{
	width: 980px;
	background: url(../img/innerbg.gif) repeat-y;
	float: left;
}

#content{
	float: left;
	width: 808px;
	border-right: 2px solid #ffffff;
	position: relative;
}

#index #content{
	width: 762px;	
}

#container .hand{
	position: absolute;
	top: 0px;
	right: 85px;
	z-index: 20;
}

#rightcol{
	float: left;
	width: 170px;
	height: 100%;
	position: relative;
}

#index #rightcol{
	width: 216px;	
}

#rightcol .fairtrade{
	position: relative;
	top: 300px;
	left: 1px;
}

#rightcol a:hover{
	color: #ffffff;	
}

#index #rightcol .fairtrade{
	left: 25px;	
}
#header{
	position: relative;
	border-bottom: 6px solid #00573c;
	height: 206px;
	width: 808px;
}

#index #header{
	width: 762px;
	height: 268px;	
}

#header .logo{
	position: absolute;
	top: 35px;
	left: 35px;
}

#header .frombali{
	position: absolute;
	top: 143px;
	left: 65px;
}

#index #header .logo{
	top: 49px;
	left: 65px;
}

#index #header .frombali{
	top: 180px;
	left: 105px;
}


.home1 #outline, .inner1 #outline{
background: url(../img/contbg_large.gif) repeat-y -980px 0px;
}

.home1 #rightcol, .inner1 #rightcol{
background: #e8a713;
}

#p1{
	position: absolute;
	top: 0px;
	left: 0;
	width: 762px;
	height: 268px;
	background: url(../img/header1.jpg) no-repeat;
}
#p2{
	position: absolute;
	top: 0px;
	left: 0;
	width: 762px;
	height: 268px;
	display: none;
}
#p3{
	position: absolute;
	top: 0px;
	left: 0;
	width: 762px;
	height: 268px;
	display: none;
}

.home2 #outline, .inner2 #outline{
background: url(../img/contbg_large.gif) repeat-y -1960px 0px;
}


.home2 #rightcol, .inner2 #rightcol{
	background: #9fa615;
}


.home3 #outline, .inner3 #outline{
background: url(../img/contbg_large.gif) repeat-y 0px 0px;
}
 
.home3 #rightcol, .inner3 #rightcol{
	background: #009390;
}


.aboutus #header{
	background: url(../img/aboutus.jpg) no-repeat;
}
.anywhere #header{
	background: url(../img/anywhere.jpg) no-repeat;
}
.bracelets #header{
	background: url(../img/bracelets.jpg) no-repeat;
}
.fairtrade #header{
	background: url(../img/fairtrade.jpg) no-repeat;
}
.contact #header{
	background: url(../img/contact.jpg) no-repeat;
}

.batik #header{
	background: url(../img/batik.jpg) no-repeat;
}



#menu{
	background: #5d9732;
	color: #ffffff;
	float: left;
	height: 100%;
	border-top: 2px solid #ffffff;
	width: 147px;
}

#menu ul{
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 20px;
}

#menu ul li{
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 0px;
	list-style-type: none;
}

#menu ul ul{
	padding: 8px 0px 0px 15px;
}

#menu ul li li{
	list-style-type: disc;
	padding: 3px 0px;
}

#menu a{
	color: #ffffff;
}

#menu a:hover, #menu .current{
	color: #ffe774;
}


#footer{
	width: 980px;
	float: left;
	color: #6d6f71;
	font-size: 8px;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 20px;
}

#footer ul{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
}

#footer ul li{
	margin: 0px 0px 0px 0px;
	padding: 8px 7px 8px 0px;
	list-style-type: none;
	display: inline;
}

#footer a{
	color: #6d6f71;
}

#bodytext{
	float: left;
	padding: 25px 40px 25px 40px;
	width: 540px;
	height: auto !important;
	min-height: 400px;
	height: 400px;
	position:relative;
}

#index #bodytext{
	width: 500px;	
}

.homebg{
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 1;
}
 
#bodytext strong{
	color: #2bba00;
}

.large{
font-size: 1.2em;
font-weight: bold;
}

#rightcol .basket{
	position: absolute; 
	color: #ffffff;
	right: 10px;
	top: 10px;
	font-size: 12px;
	z-index: 21;
	width: 110px;
	text-align: right;
}

#rightcol .basket a{
	color: #ffffff;
}

#rightcol .basket a:hover{
	color: #DA2B4D;
}

#rightcol .quicklinks{
	position: absolute;
	left: 18px;
	top: 510px;
}

#rightcol .quicklinks ul{
	margin: 0px;
	padding: 0px 5px 0px 0px;
}

#rightcol .quicklinks li{
	list-style-type: none;
}

#rightcol .quicklinks a{
	color: #ffffff;
	text-transform:uppercase;
}

#rightcol .quicklinks a:hover{
	color: #ffffff;
	text-decoration: underline;
}

#bodytext h1{
	color: #116249;
	font-weight: normal;
	font-family: 
}

hr{
	border: 0px;
	height: 1px;
	background: #116249;
	color: #116249;
	padding: 0px;
	margin: 10px 0px;
}

.smallintro{
	text-transform:uppercase;
	color: #3f3f3f;
	font-size: 11px;
}

.productthumb{
	float: left;
	width: 160px;
	height: 180px; 
	margin: 0px 20px 40px 0px;
	text-align: center;
}

.productthumb h5{
	text-decoration: none;	
	color: #116d11;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}
.productthumb h5 a{
		color: #116d11;
	text-align: left;

}

.productthumb a.add{
	text-transform:uppercase;
	color: #3f3f3f;
	font-size: 10px;
	text-align: left;
	float: left;
}	

.productthumb a.add:hover{
	color: #116d11;
}

.small{
	font-size: 9px;
	color: #666666; 
}

#product{
	
}

#product #description{
	float: left; 
	width: 220px;
	position: relative;
	
}

#product #description h3{
	margin-top: 0px;
}

#product #gallery{
	float: left; 
	width: 300px;
	position: relative;
	margin-right: 10px;
}

#product #gallery .magnify{
	position: absolute;
	bottom: 20px;
	right: 40px;
	height: 0px;
	width: 0px;
	
}

#product #gallery:hover .magnify{
	width: 20px;
	height: 21px;
}

.button{
	display: block;
	margin: 8px 0px;
	padding: 4px 8px;
	border: 1px solid #230152;
	background: #7F6C9B;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}


.button:hover{
	
	border: 1px solid #7F6C9B;
	background: #230152;
	color: #ffffff;
}

#product select{
border: 1px solid #230152;	
z-index: 80;
position: relative;
float: left;
clear: left;
margin: 3px 10px 3px 0px;
}

#product label{
width: 100%;
display: block;
margin: 5px 0px;
}

.registerbox{
float: left;
width: 240px;
border: 1px solid #9FA615;
background: #C7CB77;
	color: #000000;
	padding: 10px;
	margin: 20px 10px 0px 0px;
	height: 180px;
}

.loginbox{
float: left;
width: 240px;
	border: 1px solid #230152;
	background: #7F6C9B;
	color: #ffffff;
	padding: 10px;
	margin: 20px 0px 0px 0px;
	height: 180px;
}

.loginbox label, .registerbox label{
	display: block;	
	margin: 5px 0px 5px 0px;
}

.loginbox label span, .registerbox label span{
	width: 80px;
	float: left;
}

.loginbox .forgotten{
	float: right;
	color: #ffffff;
}

.loginbox .error{
	color: #E8A713;
	font-style: italic;
}

form{
margin: 0px;
padding: 0px;
}

.registerbox .button{
	display: block;
	margin: 28px 0px 0 0;
	padding: 4px 8px;
	border: 1px solid #C7CB77;
	background: #9FA615;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}


.registerbox .button:hover{	
	color: #ffffff;
	border: 1px solid #9FA615;
	background: #C7CB77;
}

.loginbox .button{
	display: block;
	margin: 18px 0px 0 0;
	padding: 4px 8px;
	border: 1px solid #7F6C9B;
	background: #230152;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}


.loginbox .button:hover{	
	color: #ffffff;
	border: 1px solid #230152;
	background: #7F6C9B;
}

#bodytext .registerbox h2{
	color: #000000;
	margin: 0px;
}

#bodytext .loginbox h2{
	color: #ffffff;
	margin: 0px;
}

.basket{
	width: 100%;
	border-collapse:collapse;
}

.basket td{
	border: 1px solid #aaaaaa;	
	padding: 3px;
}

.basket th{
	border: 1px solid #aaaaaa;	
	padding: 3px;
}

.basket thead th{
	color: #ffffff;
	background: #7F6C9B;
}

.basket input.small{
	width: 30px;	
	color: #000000;
	font-size: 11px;
}

.basket th span{
	font-size: 9px;	
}

fieldset{
	border: 1px solid #230152;
	background: #7F6C9B;
	color: #ffffff;
	padding: 10px;
	margin: 10px 0px 0px 0px;	
}


#bodytext fieldset h2{
	margin-top: 0px;	
	color: #ffffff;
}

fieldset th{
	width: 30%;	
}

fieldset td{
	width: 70%;
}

fieldset td input{
	width: 90%;	
}


.confirm{
	border: 1px solid #230152;
	background: #7F6C9B;
	color: #ffffff;
	padding: 10px;
	margin: 10px 0px 0px 0px;	
	overflow: auto;
}

.confirm div{
	float: left;
	width: 250px;
}

.confirm  h2{
	margin-top: 0px;	
}

.confirm a{
	color: #230152;
}

.error{
	display: block;
	color: #ff0000;
}

fieldset .error{
	color: white;
	font-style:oblique;
}

.checkoutbtn{
float: right;
padding: 5px 10px;
border: 1px solid #5D9732;
margin-top: 5px;
background: #DAFFBF;
}

.popt{
float: right;
clear: both;
padding-top: 40px;
}

.paging{
	padding-top: 20px;
clear: both;	
}

.contact input, .contact textarea, .contact select{
	width: 350px;	
}

.contact .button{
	width: auto;
}

#bodytext h2{
	color: #230152;	
	margin: 15px 0px 8px 0px;
}

.flowers{
	float: right;	
	position: relative;
	right: -80px;
	top: 20px;
}

.thumbs{
clear: both;
	width: 280px;
	margin-top: 10px;
}

.thumbs img{
	padding: 5px;
}

.floatright{
	float: right;
	padding: 0px 0px 20px 20px;
}

.outlink{
	clear: both;
	margin: 20px 0px;
}

.outlink img {
	float: right;
	padding-left: 30px;
}
.outlink span {
}

.productgrid{
	float: left;
	width: 45%;
	text-align: center;
	margin: 0px 0px 20px 0px;
}


.productgrid h2{
	font-size: 13px
}

.cards{
position: absolute;
right: 0px;
top: 5px;
}