/*
//LIGHT GRAY
//MEDIUM GRAY		#616161
//DARK GRAY			#363636
*/

/* Site Template */

/* Defaults */

form{
	margin: 0;
	padding: 0;
}

img{
	border: 0;
}

table{
	border-collapse:collapse;
}

h1{
	font-size: 150%;
	font-weight: normal;
}

/* General Def */

.purple{
	color: #580d84;
}

.strikeout{
	text-decoration:line-through;
}
.f_left{
	float:left;
}

.f_right{
	float:right;
}

.clear{
	clear: both;
}

.text_left{
	text-align: left;
}

.text_center{
	text-align: center;
}

.text_right{
	text-align: right;
}

.font95{
	font-size: 95%;
}

.font90{
	font-size: 90%;
}

.relative{
	position: relative;
}

#body{
	clear: both;
}

/* Star Ratings */

.star_rating_gray{
	width: 75px; 
	height: 15px; 
	background-image: url('../img/star_g.png'); 
	background-repeat: repeat-x;
}

.star_rating_purple{
	height: 15px; 
	background-image: url('../img/star_p.png'); 
	background-repeat: repeat-x;
}

/* Background */

body{
	margin: 0;
	font-family: arial;
	font-size: 80%;
}


#bg_wrapper{
	
	width: 100%;
	background-image: url('../img/paper.jpg');
	background-repeat: repeat-x repeat-y;
}	

#wrapper{
	width: 750px;
	margin: 0 auto;
	text-align: left;
}

/*
#bg_watercolor{
	text-align: center;
	background-image: url('../img/watercolor.png');
	background-repeat: no-repeat;
}
*/

/* Header */


#top_text{
	float: right;
	font-size: 90%;
}

#top_text a, #top_text span{
	float: left; 
	margin: 0 15px 0 0;
	font-size: 90%;
	text-decoration: none;
	color: #363636;
}

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

#logo{
	clear: both;
	margin: 11px 0 0 0;
	float: left;
}

#search{
	float: right;
}

#nav{
	float: left;
	margin: 5px 0 0 0;
	background-image: url('../img/nav_purple_bar.png');
	background-repeat: repeat-x;
	width: 100%;
}

#nav a{
	height: 20px;
	display: block;
	float: left;
	padding: 6px 10px 5px 10px;
	margin: 0 0 5px 0;
	background-repeat: no-repeat;
}

.nav_home{
	background-image: url('../img/navigation.png');
	background-position: -5px 0px;
	width: 45px;
}

.nav_home:hover{
	background-position: -5px -40px;
}

.nav_rings{
	background-image: url('../img/navigation.png');
	background-position: -385px 0px;
	width: 44px;
}
.nav_rings:hover{
	background-position: -385px -40px;
}

.nav_earrings{
	background-image: url('../img/navigation.png');
	background-position: -85px 0px;
	width: 67px;
}
.nav_earrings:hover{
	background-position: -85px -40px;
}

.nav_bracelets{
	background-image: url('../img/navigation.png');
	background-position: -185px 0px;
	width: 74px;
}
.nav_bracelets:hover{
	background-position: -185px -40px;
}

.nav_necklaces{
	background-image: url('../img/navigation.png');
	background-position: -285px 0px;
	width: 77px;
}
.nav_necklaces:hover{
	background-position: -285px -40px;
}

.nav_new_arrivals{
	background-image: url('../img/navigation.png');
	background-position: -485px 0px;
	width: 93px;
}
.nav_new_arrivals:hover{
	background-position: -485px -40px;
}

#header{
	padding: 10px 0 0 0;
}

#search input{
	font-size: 80%;
}

#shopping_bag{
	float: right;
	font-size: 85%;
	line-height: 22px;
	margin: 15px 0 0 0;
}

#search_box{
	float: left;
	margin: 0 2px 0 0 ;
	width: 120px;
}

#search_button{
	margin: 0 0 0 0;
	
}

/* Newsletter Signup */

#newsletter_signup{

	text-align: center;
	background-image: url('../img/footer_watercolor.png'); 
	width:750px; 
	height:114px; 
	clear: both;
}

#newsletter_signup form{
	
	padding: 85px 0 0 0;
}

#newsletter_signup img{
	margin: 0 10px 0 0;
}

#newsletter_signup_box{
	font-size: 90%; 
	padding: 3px 5px 2px 5px; 
	color: #777; 
	vertical-align: middle; 
	border-top:1px solid #c1c1c1; 
	border-left:1px solid #c1c1c1; 
	border-right: 1px solid #e6e6e6; 
	border-bottom: 1px solid #e6e6e6;
}

#newsletter_signup_button{
	vertical-align: middle;
}

/* Footer */

#footer{
	width: 730px;
	background-color: white;
	background-image: url('../img/footer_shadow.png');
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 10px;
	font-size: 85%;
	line-height: 15px;
}

#footer_social_media{
	float: left;
	width: 250px;
	
}

#footer_customer_assistance{
	float: left;
	width: 250px;
	
}

#footer a{
	color: #363636;
	text-decoration: none;
}

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

#footer_contact{
	float: right;
	width: 200px;
	text-align: right;
	
}

#footer_bottomlinks{
	clear: both;
	font-size: 90%;
	padding: 10px 0 0 0 ;
}

#footer_bottomlinks a{
	margin: 0 20px 0 0;
	float: left;
}

#footer_text{
	line-height: 18px;
	font-size: 85%;
	color: #666;
	
}




/* HomePage */


.top_banner{
	height: 30px;
	width: 750px;
	background-color: #e8e8e8;
	margin: 0 0 5px 0;
}

.banner{
	height: 300px;
	width: 750px;
	background-color: #e8e8e8;
	margin: 0 0 5px 0;
}

.most_popular{
	border: 1px dotted #a7a7a7;
	background-color: white;
	margin: 0 0 5px 0;
}

#home_desc{
	font-size: 85%;
	line-height: 16px;
	color: #363636;
}



.most_popular_product{
	width: 125px;
	margin: 15px 12px 15px 12px;
	float: left;
}

.most_popular_product .rating{
	margin: 2px 0 2px 0;
}

.most_popular_product a{
	color: #444;
}

.black_bar{
	margin: 0 0 5px 0;
}

/* Product Page */

.product{
	font-size: 85%;
	margin: 10px 0 0 0;
	
}

.product h1{
	color: #4d057b;
	font-size: 140%;
	font-weight: normal;
	margin: 0 0 0 0;
}

.product h3{
	color: #555;
	font-weight: bold;
	margin: 40px 0 5px 5px;
	font-size: 110%;
}

.product .sku{
	color: #555;
}

.product .new_button{
	margin: 5px 0 0 0;
}

.product .description{
	color: #666;
	line-height: 16px;
}

.product .options{
	margin: 0 0 15px 0;
}

.product .options select{
	width: 100px;
}

.product .size{
	margin: 0 0 5px 0;
}

.product .quantity{
	margin: 0 0 10px 0;
}

.product .qty{
	width: 60px;
	text-align: right;
	font-size: 90%;
}


.product .list_price{
	color: #777;
	font-size: 110%;
}

.product .our_price{
	font-size: 120%;
	margin: 4px 0;
}

.product .chart{
	width: 335px;
	font-size: 100%;
	margin: 0 0 30px 0;
}

.product .chart td{
	padding: 3px 0 3px 5px;
}

.product .odd_row{
	background-color: #eee;
}

.product #main_image{
	border: 1px solid #e6e6e6;
}

.alternate_images{
	margin: 10px 0 ;
}

.alternate_image{
	border: 1px solid #eee;
	margin: 0 10px 0 0;
}

.product .col_1{
	clear: both;
	float: left;
	width: 352px;
	margin: 0 0 0 28px;
}

.product .col_2{
	float: left;
	width: 335px;
	margin: 0 0 0 10px;
}



.product .related_product{
	float: left;
	width: 116px;
	margin: 0 0 20px 0;
}

.product .related_products{
	margin: 0 0 20px 0;
	line-height: 16px;
}

.product .related_products a{
	color: #333;
	text-decoration: none;
}

.product .related_products a:hover{
	text-decoration: underline;
}

.product .related_products img{
	border: 1px solid #eee;
}

.product .select_size_box a{
	display: block;
	float: left;
	margin: 0 2px 0 0;
}

.product .review_agg{
	width: 730px;
	
	background-color: #ededed;
	padding: 10px;
}

.product .write_your_review{
	float: right;
	margin: 7px 105px 0 0;
}

.product #write_review{
	margin: 10px 0 10px 140px;

}

.product #write_review table{
	font-size: 100%;
	
}

.product #write_review td{
	padding: 3px 0 3px 0;
}



.product .customer_review{
	margin: 30px 0;
}

.product .review_avg_stars{
	float: left;
	margin: 0;
}

.product .review_avg_text{
	float: left;
	padding: 10px 0 0 0;
	clear: left;
}

.product .cr_info{
	float: left;
	width: 120px;
	line-height: 17px;
	margin: 0 0 0 10px;
}

.product .cr_name{
	font-weight: bold;
	font-style: italic;
	margin: 4px 0;
}

.product .cr_content{
	float: left;
	margin: 0 0 0 10px;
	width: 500px;
	line-height: 16px;
}

.product .cr_content p{
	margin: 5px 0;
}

.product .cr_recommend{
	color: #e92f56;
	font-style: italic;
}


/* cart */

.cart .cart_contents{
	width: 750px;
	font-size: 90%;
	margin: 20px 0 0 0;
}

.cart .cart_contents th{
	font-size: 95%;
	font-weight: normal;
	background-color: #e2e2e2;
	color: #565656;
	padding: 3px 5px;
}

.cart .cart_contents img{
	vertical-align: middle;
}

.cart .right_col{
	float: right;
	width: 200px;
}

.cart .left_col{
	float: left;
	width: 500px;
}

.cart .cart_totals{
	float: right;
	font-size: 95%;
	width: 200px;
	text-align: right;
}

.cart .cart_totals td{
	height: 22px;
}

.cart .checkout_now{
	float: right;
	margin: 20px 0 10px 0;
	clear: right;
}

.cart .shipping_chart{
	width: 480px;
	font-size: 90%;
	margin: 20px 0;
	float: left;
}

.cart .shipping_chart th{
	font-size: 95%;
	font-weight: normal;
	background-color: #e2e2e2;
	color: #565656;
	padding: 3px 5px;
	text-align: left;
}

.cart .shipping_chart td{
	padding: 5px 0 0 0;
}

.cart .shipping_radio{
	float: left;
	height: 30px;
	padding: 12px 3px 0 0;
}

.cart .shipping_estimate{
	color: #616161;
	font-size: 95%;
}

.cart .free_after{
	color: #580d84;
	font-size: 95%;
}

.cart .promo{
	width: 250px;
	font-size: 90%;
	margin: 20px 0;
	float: left;
	clear: left;
}

.cart .promo th{
	font-size: 95%;
	font-weight: normal;
	background-color: #e2e2e2;
	color: #565656;
	padding: 3px 5px;
	text-align: left;
}

.cart .promo .coupon{
	padding: 8px 0 8px 8px;
	b.order: 1px dotted #000;
	font-size: 95%;
	color: #580d84;
	font-weight: bold;
}

.cart .credit_card_logo{
	float: right;
	clear: right;
	margin: 0 40px 0 0;
}

.cart .or{
	float: right;
	clear: right;
	margin: 10px 65px 0 0;
	font-weight: bold;
}

.cart .paypal_checkout{
	float: right;
	clear: right;	
	margin: 10px 0 0 0;
}

.cart .promo td{
	padding: 10px 0 10px 0;
}

.cart .promo input{
	float: left;
	font-size: 90%;
}

.cart .promo_text{
	width: 163px;
}

.cart .promo_apply{
	float: left;
	margin: 0 0 0 3px;
}

.cart .cart_update{
	background: none;
	border: 0;
	color: #4d057b;
}

.cart .cart_update:hover{
	text-decoration: underline;
}

.cart .checkout_progress{
	text-align: center;
	margin: 30px 0 0 0;
}

.cart .checkout_progress img{
	margin: 0 8px 0 8px;
}

.cart #cart_message{
	padding: 10px 0 10px 10px;
	background-color: #f4e9fb;
	border: 1px solid #9e76b9;
	margin: 10px 0;
}

.cart #checkout_buttons{
	display: none;
}

/* Subcategory */

.subcategory{
	width: 600px;
	float: right;
	
}

.subcategory .product_listing{
	width: 140px;
	padding: 0 5px;
	float: left;
	text-align: center;
	font-size: 90%;
	line-height: 18px;
	margin: 50px 0 50px 0;
}

.subcategory .product_listing a{
	color: #670882;
	text-decoration:none;
}
.subcategory .product_listing a:hover{
	text-decoration:underline;
}

.subcategory .product_listing .rating{
	margin: 3px 0;
}

.subcategory .pagination{
	float: right;
	font-size: 90%;
	clear: both;
}

.subcategory .pagination a{
	display: block;
	float: left;
	padding: 1px 4px;
	border: 1px solid #ccc;
	color: black;
	text-decoration: none;
	margin: 0 2px;
}

.subcategory .pagination a:hover{
	background-color: black;
	color: white;
}

.subcategory .pagination .current_page{
	float: left;
	padding: 1px 4px;
	margin: 0 2px;
	border: 1px solid #ccc;
	
	font-weight: bold;
	background-color: #ccc;
}

.subcategory .description{
	margin: 10px 0 0 0; 
	color: #666; 
	font-size:85%; 
	line-height: 16px;
}

.side_navigation{
	float: left;
	width: 145px;
	font-size: 85%;
	line-height: 16px;
	margin: 15px 0 0 0;
}

.side_navigation a{
	text-decoration: none;
	color: #580d84;
}

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

.side_navigation img{
	margin: 0 0 10px 0;
}

.navigation_section{
	margin: 0 0 20px 0;
}

/* Page */

.page{
	width: 600px;
	float: right;
	
}

.page h2{
	font-size: 100%;
	font-weight: bold;
	color: #4d057b;
}

.page p{
	font-size: 90%;
	line-height: 18px;
}

.page .section{
	margin: 0 0 50px 0;
}

/* Create Account */

.signin h2{
	font-size: 100%;
	font-weight: bold;
}

.signin table{
	font-size: 85%;
}

.signin label{
	font-weight: bold;
}

.signin td{
	height: 40px;
}

/*MY_ACCOUNT*/

.my_account .orders_table{
	width: 100%;
	font-size: 120%;
}


.my_account .orders_table td{
	padding: 5px 0 5px 5px;
}

.my_account .orders_table .odd_row{
	background-color: #eee;
}

/* COLLECTION */

.collection{
	
}

.collection .product_listing{
	width: 140px;
	padding: 0 5px;
	float: left;
	text-align: center;
	font-size: 90%;
	line-height: 18px;
	margin: 50px 0 50px 0;
}

.collection .product_listing a{
	color: #670882;
	text-decoration:none;
}

.collection .product_listing a:hover{
	text-decoration:underline;
}


.collection .product_listing .rating{
	margin: 3px 0;
}

/* CATEGORY */

.category{
	margin: 20px 0 0 0;
}



.category #subcategory_listings img{
	margin: 10px 4px;	
}

.category #more_sections{
	margin: 20px 0;	
	
}

.category .more_section{
	width: 185px;
	float: left;
	line-height: 18px;
}

.category .more_section img{
	margin: 0 0 5px 0;
}

.category .more_section a{
	text-decoration: none;
	color: #670882;
	font-size: 90%;
}

.category .more_section a:hover{
	text-decoration: underline;
}

.category #description{
	font-size: 85%;
	color: #666;
	line-height: 18px;
	clear: both;
	margin: 30px 0 0 0;
}
