@charset "UTF-8";

/* =-=-=-=-=-=-=[Eric Meyer's CSS Reset]=-=-=-=-=-=-= */
html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,/*ol,*/ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; line-height: normal; font-variant: normal;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:''; content:none;}
/* remember to define focus styles! */
:focus {outline:0;}
/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;
}
/* =-=-=-=-=-=-=[Eric Meyer's CSS Reset End]=-=-=-=-=-=-= */




body {
	font-family: "Cantarell", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: #666;
	text-decoration: none;
	padding: 15px;
}

h1,h2,h3,h4,h5,h6 {
	text-align: center;
	color: #333;
	text-transform: uppercase;
	margin: 15px auto;
}

div#logo {
	margin: 0 0 15px 0;
}

div#container {
	margin: .5em auto;
	width: 100%;
	min-height: 600px;
}

a.link {
	color: #3399cc;
	font-weight: bold;
	text-decoration: none;
}

a.link:hover {
	text-decoration: underline;
}

.center {
	text-align: center;
}

.bold {
	font-weight: bold;
}

.bigBold {
	font-weight: bold;
	font-size: 125%;
}

.emphasis {
	font-style: italic;
}

.strongEmphasis {
	font-style: italic;
	font-weight: bold;
}

div#site5 {
	margin: 15px auto;
	padding: 0;
	border: 0;
	text-align: center;
}




/****************************************************** 
 *				SLIDESHOW STYLES BEGIN				  *
 ******************************************************/
#slideshow {
	position: relative;
	width: 200px;
	height: 200px;
	margin: auto;
	border: #ccc solid 2px;
}

#slideshow img {
    position:absolute;
	width: 200px;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
	opacity: 1.0;
}

#slideshow img.last-active {
    z-index:9;
}
/****************************************************** 
 *				SLIDESHOW STYLES END				  *
 ******************************************************/




/****************************************************** 
 *				 ABOUT STYLES BEGIN 				  *
 ******************************************************/
#aboutBox {
	width: 80%;
	border: 1px solid #ccc;
	margin: 1em auto;
	padding: 1em;
}

#about {
	margin: 30px 0 0 0;
}

p.about {
	margin-bottom: 1em;
	font-size: 11pt;
	text-align: justify;
}

div#charity {
	font-size: 14pt;
	margin: 2em 0;
	padding: 1em 0;
	border-top: 1px dotted #ccc;
}

div#charity img {
	width: 50%;
}

div#charity div {
	font-size: 10pt;
	float: left;
	width: 20%;
	margin: 0 4% 0 0;
}

div#wfp {
	
}

div#amma {
	
}

div#shantipuri {
	
}

div#grn {
	
}
/****************************************************** 
 *				  ABOUT STYLES END  				  *
 ******************************************************/




/****************************************************** 
 *				NAVIGATION STYLES BEGIN				  *
 ******************************************************/
ul#menu {
	font-family: "Josefin Sans Std Light", sans-serif;
/*	font-weight: bold;*/
	font-size: 13pt;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: url(/images/bg-menu.png) repeat-x;
	height: 40px;
	border-top: 2px solid #666;
	border-bottom: 2px solid #333;
}
/*
#menu li#copy a {
	display: inline;
	padding: 0;
	margin: 0;
	line-height: 1;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
}

#menu li#copy a:hover {
	color: #000;
	background: none;
}
*/
ul#menu li {
	float: left;
	margin: 0;				
}

ul#menu li a {
	text-decoration: none;
	display: block;
	padding: 0 20px;
	line-height: 40px;
	color: #fff;
}

div#menu_wrapper {
	margin: 0;
	padding: 0 16px 0 0;
	background: url(../images/black.png) no-repeat right;
}

div#menu_wrapper div {
	float: left;
	height: 44px;
	width: 16px;
	background: url(../images/black.png) no-repeat left;
}

div#menu_wrapper ul {
	margin-left: 16px;
	border-top: 2px solid #666;
	border-bottom: 2px solid #333;
	background: url(../images/bg-menu.png) repeat-x;
}

div#menu_wrapper li a:hover, div#menu_wrapper li.active a {
	background: url(../images/bg-menu-over.png) repeat-x;
}

#footerNav {
	width: 750px;
	margin: 1em auto;
	text-align: center;
	font-size: 12pt;
}

#copy {
	font-size: 10px;
	margin: 1em;
	color: #333;
}
/****************************************************** 
 *				NAVIGATION STYLES END				  *
 ******************************************************/




/****************************************************** 
 *				SHOP NAV STYLES BEGIN 				  *
 ******************************************************/
div#shopNav {
	width: 150px;
	float: left;
	margin-right: 1em;
}

ul#shopNavButtons {
	font-family: "Josefin Sans Std Light", sans-serif;
	font-size: 13pt;
	text-transform: uppercase;
	width: 150px;
	height: 40px;
	padding: 0;
	margin: 0;
}

ul#shopNavButtons li {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
	text-align: center;
	width: 150px;
	height: 44px;
	background: url(../shop/images/button_over.jpg) no-repeat;
}

ul#shopNavButtons li a {
	background: url(../shop/images/button.jpg) no-repeat;
	width: 150px;
	height: 44px;
	line-height: 40px;
	color: #fff;
	text-decoration: none;
	display: block;
}

ul#shopNavButtons li a:hover {
	background: none;
}

/*
.earrings {
	background: url(../images/but_earrings_dark_over.jpg) no-repeat;
	width: 150px;
	height: 44px;	
}

.earrings a {
	background: url(../images/but_earrings_dark.jpg) no-repeat;
	width: 150px;
	height: 44px;
	display: block;
}

.earrings a:hover {
	background: none;
}

.necklaces {
	background: url(../images/but_necklaces_dark_over.jpg) no-repeat;
	width: 150px;
	height: 44px;	
}

.necklaces a {
	background: url(../images/but_necklaces_dark.jpg) no-repeat;
	width: 150px;
	height: 44px;
	display: block;
}

.necklaces a:hover {
	background: none;
}

.bracelets {
	background: url(../images/but_bracelets_dark_over.jpg) no-repeat;
	width: 150px;
	height: 44px;	
}

.bracelets a {
	background: url(../images/but_bracelets_dark.jpg) no-repeat;
	width: 150px;
	height: 44px;
	display: block;
}

.bracelets a:hover {
	background: none;
}
*/
/****************************************************** 
 *				SHOP NAV STYLES END 				  *
 ******************************************************/




/****************************************************** 
 *				 SHOP STYLES BEGIN  				  *
 ******************************************************/
div#shop {
	width: 600px;
/*	border: 1px solid #ccc;*/
	padding: 1em;
	margin: auto;
}

.sliderGallery {
	background: #fff;
	overflow: hidden;
	position: relative;
	padding: 10px;
	height: 120px;
	width: 570px;
	margin: auto;
	overflow: auto;
}

.sliderGallery ul {
	position: absolute;
	list-style: none;
	white-space: nowrap;
	padding: 0;
	margin: 0;
}

.sliderGallery ul li {
	display: inline;
	margin: 0;
}

.sliderGallery ul li img {
	width: 100px;
	height: 100px;
}

div#product {
	text-align: left;
}

div#productImg {
	float: left;
	width: 300px;
}

div#productInfo {
	float: right;
	width: 50%;
}

div#product p {
	padding: 0 1em 1em 1em;
}

.itemName {
	font-family: "Tangerine", serif;
	font-size: 27pt;
/*	text-transform: uppercase;*/
	margin: 0 0 15px 0;
}

.itemDescription {
/*	font-family: Garamond, "Times New Roman", Times, serif;*/
	font-family: "Cantarell", Times, serif;
	font-size: 12px;
	color: #333;
	margin: 0 0 15px 0;
	min-height: 175px;
}

.itemPrice {
	font-family: "Tangerine", serif;
	font-size: 27pt;
	text-align: right;
	float: right;
}

#cartControl {
	float: right;
}

#itemQty {
	width: 2em;
}

#addButton {
	margin-top: 10px;
}

#addButton li {
	list-style: none;
}

.cart_add {
	background: url(../shop/images/cart_add_over.png) no-repeat;
	width: 100px;
	height: 20px;
}

.cart_add a {
	background: url(../shop/images/cart_add.png) no-repeat;
	width: 100px;
	height: 20px;
	display: block;
}

.cart_add a:hover {
	background: none;
}

select#colors {
	width: 40%;
}

#cartWidget {
	font-family: "Josefin Sans Std Light", Garamond, Times, serif;
	background: #666;
	width: 170px;
	margin: 0;
	float: right;
	text-align: right;
	border: 2px solid #333;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

#cartHead {
	background: #333;
	border-bottom: 1px solid #fff;
	font-size: 14pt;
	font-weight: bold;
	color: #ccc;
	padding: 10px 0 5px 0;
	text-align: center;
	text-transform: uppercase;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-left-radius: 18px;
	-webkit-border-top-right-radius: 18px;
}

#cartBody {
	background: #ccc;
	color: #333;
	font-size: 12pt;
	padding: 15px 35px 15px 15px;
	border-bottom: 1px solid #fff;
}

#viewCart {
	padding: 5px;
	width: 100px;
	margin: auto;
}

#viewCart li {
	list-style: none;
}

.cart_view {
	background: url(../shop/images/cart_view_over.png) no-repeat;
	width: 100px;
	height: 20px;
}

.cart_view a {
	background: url(../shop/images/cart_view.png) no-repeat;
	width: 100px;
	height: 20px;
	display: block;
}

.cart_view a:hover {
	background: none;
}

#cartTable {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 12pt;
}

#cartTable thead, #cartTable tfoot {
	background: #333;
	color: #ccc;
}

#cartTable th {
	padding: 5px;
}

#cartTable tbody {
	color: #333;
	background: #ccc;
}

#cartTable tfoot td {
	text-align: right;
}

#cartTable tr {
	border: 2px solid #333;
}

#cartTable td {
	border: 1px solid #333;
	padding: 5px;
}

td.prod_name {
	width: 66%;
}

td.prod_price {
	width: 10%;
	text-align: right;
	padding: 0 30px 0 0;
}

td.quantity {
	width: 12%;
	text-align: center;
}

td.total {
	width: 12%;
	text-align: right;
	padding: 0 30px 0 0;
}

#cartButtons {
	padding: 5px;
}

#cartButtons li {
	list-style: none;
}

.cart_update {
	background: url(../shop/images/cart_update_over.png) no-repeat;
	width: 100px;
	height: 20px;
	margin: 0 15px 0 0;
	float: left;
}

.cart_update a {
	background: url(../shop/images/cart_update.png) no-repeat;
	width: 100px;
	height: 20px;
	display: block;
}

.cart_update a:hover {
	background: none;
}

.cart_empty {
	background: url(../shop/images/cart_empty_over.png) no-repeat;
	width: 100px;
	height: 20px;
	float: left;
}

.cart_empty a {
	background: url(../shop/images/cart_empty.png) no-repeat;
	width: 100px;
	height: 20px;
	display: block;
}

.cart_empty a:hover {
	background: none;
}

.cart_checkout {
	background: url(../shop/images/cart_checkout_over.png) no-repeat;
	width: 100px;
	height: 20px;
	float: right;
}

.cart_checkout a {
	background: url(../shop/images/cart_checkout.png) no-repeat;
	width: 100px;
	height: 20px;
	display: block;
}

.cart_checkout a:hover {
	background: none;
}

div#loading {
	margin: 100px 0 0 0;
}
/****************************************************** 
 *				   SHOP STYLES END 				  *
 ******************************************************/




/****************************************************** 
 *			   TERMS/PRIVACY STYLES BEGIN  			  *
 ******************************************************/
div#terms, div#privacy {
	width: 600px;
	border: 1px solid #ccc;
	padding: 1em;
	margin: auto;
	font-family: Garamond, "Times New Roman", Times, serif;
	text-align: justify;
}

ol.lower-alpha {
	list-style: lower-alpha;
}

ol.lower-roman {
	list-style: lower-roman;
}

ol.decimal {
	list-style: decimal;
}

div#terms li, div#privacy li {
	margin: 15px 0 0 0;
}
/****************************************************** 
*			   TERMS/PRIVACY STYLES END  			  *
 ******************************************************/