/** PNG FIX
------------------------------------------*/

img, h1, input { behavior: url('skins/default/en/static/css/resources/iepngfix.htc'); }


/** COMMON
------------------------------------------*/

a { color: #cc0066; }
a:hover { color: #96004B; }

h2 { margin: 1.5em 0 .5em 0; }
h4 { font-size: 1.3em; margin: 2em 0 1em 0; }

p { line-height: 1.9em; color: #444; text-align: justify; }

address { font-style: normal; color: #666; }
.ErrorMessage { display: block; padding: 10px; background: #C60; color: #fff; }

/** LAYOUT
------------------------------------------*/

body { background: #eaeaea; }

#container { position: relative; top: 20px; }
	h1#logo { background: url('../images/logo.png') no-repeat; text-indent: -9999px; height: 133px; width: 428px; position: absolute; left: -28px; top: 12px; }

#wrapper { background: #fff; padding-top: 40px; }

.emailbody #wrapper { padding: 20px; }

#cart { text-align: right; height: 50px; font-family: Garamond, serif; font-size: 1.3em; position: relative; top: -10px; }

#account_links { background: url('../images/menu_bg.jpg') repeat-x; height: 25px; text-align: right; padding: 6px 15px 0 0; margin: 0; }

	#account_links li { display: inline; margin: 5px; }
	#account_links li a { color: #fff; text-decoration: none; text-shadow: #603 2px 2px 2px; }
	#account_links li a:hover { text-decoration: underline; }

#search_form { text-align: right; top: -10px; position: relative; height: 40px; width: 100%; }

#footer { background: #cfe295 url('../images/footer_bg.jpg') repeat-x top; padding: 20px 10px; position: relative; }
	#footer a { color: #94A26D; text-decoration: none; }
	#footer a:hover { color: #336633; text-decoration: underline; }
	#footer ul { margin: 0; list-style: none; }

#copyright { color: #bbb; padding: 20px 0; }
	#copyright a { color: #A9A9A9; }
	#copyright a:hover { color: #555; }

.dialog { margin-bottom: 20px; }

.pager li { list-style: none; float: left; margin: 2px; }
	.pager li a { display: block; width: 20px; text-align: center; text-decoration: none; background: #cfe295; color: #444; }
	.pager li a:hover { background: #8DB472; color: #fff; }
	
	.pager li a.current { background: #cc0066; color: #fff; border-bottom: solid 1px #000; }

.callout-1 { font-size: 1.3em; font-weight: bold; line-height: 1.4em; margin-left: 20px; }

#content { position: relative; }

/** FORMS
------------------------------------------*/

form.format fieldset { padding-top: 10px; }
form.format legend { font-size: 1.2em; border-bottom: dotted 1px #999; display: block; width: 100%; margin-bottom: 10px; }
form.format th { padding: 8px 10px; text-align: right; width: 150px; }

.required { color: #F60; font-weight: bold; font-size: 1.2em; line-height: 1em; }
.alert { color: #F60; font-size: 1.1em; line-height: 1.3em; padding: 10px; width: 90%; }
.buttons { text-align: right; margin-bottom: 40px; padding: 10px; border-top: 1px dotted #999; background: #f7f7f7; }
.submit_button { font-size: 1.4em; }

a.forgot_password { color: #777; font-size: .9em; float: left; }


/** BREADCRUMBS
------------------------------------------*/

#breadcrumbs { margin: 0 0 5px 0; }
	#breadcrumbs li { color: #555; float: left; font-size: .9em; list-style: none; margin: 0 5px 0 0; white-space: nowrap; }
	#breadcrumbs li.current { color: #000; }
	#breadcrumbs a { color: #555; text-decoration: none; border-bottom: dotted 1px #555; }
	#breadcrumbs a:hover { color: #000; }


/** MENU
------------------------------------------*/

#category_menu { background: url('../images/side_shadow_rpt.jpg') repeat-y right; padding: 10px 15px 0 0; margin-top: 10px; text-align: right; }

	#category_menu a { text-decoration: none; font: bold 1.3em Garamond, serif; }
	#category_menu a:hover { text-decoration: underline; }

	#category_menu li, 
	#category_menu ul { list-style: none; margin: 0; }

	#category_menu li { margin: 4px 5px; }

	#category_menu ul { margin-bottom: 20px; }
	#category_menu ul li { font-size: .9em; margin: 5px 0; }
	#category_menu ul a { font-weight: normal; }


/** EMBELLISHMENTS
------------------------------------------*/

#embellishment_1 { text-align: center; background: url('../images/side_shadow_bottom.jpg') no-repeat bottom right; height: 130px; margin-top: -20px; }
	#embellishment_1 img { margin: 40px 0; }

#embellishment_2 { position: absolute; right: -15px; top: -30px; }


/** SHOPPING CART
------------------------------------------*/

#cart_items { width: 100%; }
	#cart_items td,
	#cart_items th { border-bottom: solid 1px #ccc; padding: 5px; }
	#cart_items th { text-align: left;  }
	#cart_items a { color: #444; }
	#cart_items .name { font-weight: bold; font-size: 1.2em; display: block; }
		#cart_items .name a { color: #cc0066; text-decoration: none; }
		#cart_items .name a:hover { text-decoration: underline; }
	#cart_items .number { text-align: center; }
	#cart_items input { font-size: 1.1em; text-align: center; }
	#cart_items .price { font-size: 1.2em; }

#cart_totals { background: #f7f7f7; width: 200px; margin-left: auto; margin-top: -15px; }
	#cart_totals th { background: #E7E7E7; }
	#cart_totals td { padding: 4px 10px; }


/** HOMEPAGE
------------------------------------------*/

#free_pp { float: right; position: absolute; top: 20px; right: -40px; z-index: 9999; width: 133px; height: 111px; }

#forthcoming { background: #FCE2FF url('../images/bar.png') no-repeat; position: relative; padding-top: 20px; margin-bottom: 10px; }
	#forthcoming * { margin: 0; padding: 0; line-height: 1em; text-transform: uppercase; }
	#forthcoming .title { position: absolute; top: -10px; left: 10px; }
	#forthcoming .events { margin: 10px; }
	#forthcoming .events li { margin: 5px 0 5px 20px; list-style: disc; }
	#forthcoming .events h4 { margin: 4px 0; }
	#forthcoming .events p { line-height: 1.5em; margin: 4px 0; }

#featured_products { margin: 20px auto; width: 688px; }
	#featured_products li { float: left; display: inline; list-style: none; margin: 6px; }
	#featured_products li a { border: solid 4px #eee; display: block; }
	#featured_products li a:hover { border-color: #e1e1e1; }
	
	#featured_products li a img { border: solid 1px #ddd; }
	#featured_products li a:hover img { border: solid 1px #ccc; }


/** PRODUCTS LIST
------------------------------------------*/

#product_list, #product_list li { list-style: none; margin: 0; padding: 0; }
#product_list .product { border-bottom: solid 1px #ddd; margin: 2em 0 0 0;  padding: 0 0 2em 0;}
	#product_list .product h4 { margin: 0; }
	#product_list .product .thumbnail { float: left; width: 200px; text-align: center; }
	#product_list .product .details { float: left; width: 500px; }

	#product_list .price { font-size: 1.2em; color: #390; }
	#product_list .price strong { color: #222; }

a.buy_now { background: url('../images/add-to-cart-sprite-mini.png') no-repeat top; width: 149px; height: 45px; display: block; float: right; text-indent: -9999px; margin-top: -10px; }
a.buy_now:active { background-position: bottom; }


/** PRODUCT DETAILS
------------------------------------------*/

#product_details .image { color: #777; text-decoration: none; text-align: center; }

#product_details .details { background: #eee; }
#product_details .description { background: #fff; padding: 10px; margin: 10px; line-height: 1.8em; color: #444; }

#product_details .price { font-size: 1.8em; padding: 20px; display: block; float: left; color: #390; }
	#product_details .price strong { color: #222; }
#product_details .rrp { font-size: 1.2em; padding: 25px; display: block; float: right; color: #999; }
	#product_details .rrp .strike { text-decoration: line-through; }

#product_details .quantity { position: relative; top: -10px; color: #888; }
	
#product_details .fields { margin: 0 20px; }

#product_details #add_to_cart_btn { background: url('../images/add-to-cart-sprite.png') no-repeat top; width: 232px; height: 70px; border: none;  cursor: pointer; }
#product_details #add_to_cart_btn:active { background-position: bottom; }

#detailed_images li { list-style: none; float: left; margin: 5px; border: solid 1px #eee; }
	#detailed_images li a { border: solid 4px #eee; display: block; }
	#detailed_images li a:hover { border-color: #e1e1e1; }
	#detailed_images li a img { border: solid 1px #ddd; }
	#detailed_images li a:hover img { border: solid 1px #ccc; }


/** PROFILE
------------------------------------------*/

#orders_list { width: 100%; border-collapse: separate; }
#orders_list th { background: #eee; border-bottom: solid 1px #ccc; text-align: left; padding: 2px 5px; }
#orders_list td { border-bottom: solid 1px #eee; padding: 2px 5px; }

a.forgotten_password { color: #999; float: left; }
	a.forgotten_password:hover { color: #444; }


/** CHECKOUT
------------------------------------------*/

#clear_cart_button, #update_cart_button { float: left; margin: 4px; }

#payment_method ul { list-style: none; }
li.payment_method_item { position: relative; padding: 10px 30px; margin: 4px; background: #FFC; cursor: pointer; }
	li.payment_method_item input { position: absolute; left: 5px; }
	li.payment_method_item h4 { margin: 0; display: inline; }
	li.payment_method_item p { margin: 0; line-height: 1.4em; }
	
	li.payment_method_item.selected { background: #C36; }
	li.payment_method_item.selected h4, 
	li.payment_method_item.selected p { color: #fff; }
	
p.order_total { font-size: 1.3em; margin-bottom: 10px; float: left; border: solid 4px #eee; padding: 5px 10px; }
	p.order_total strong { color: #C09; }
	
.account_already, 
.no_account { font-size: 1.1em; color: #999; text-align: right; padding: 10px 0; }

.order_details h4 { margin: 5px 0; }
.order_details a#modify_address_link { font-size: 1.1em; font-weight: bold; margin: 20px 0; }

#confirm_order_btn { background: url('../images/confirm-order-sprite.png') no-repeat top; width: 232px; height: 70px; border: none;  cursor: pointer; }
#confirm_order_btn:active { background-position: bottom; }

/** INVOICE
------------------------------------------*/

#invoice_body .container_12 { background: #fff; padding: 10px; position: relative; }
#invoice_body img { margin-bottom: 40px; }
#invoice_body h3 { position: absolute; top: 40px; right: 50px; }

#invoice #order_meta { background: #eee; border-bottom: solid 1px #ccc; }
	#invoice #order_meta table { margin: 10px; }
	#invoice #order_meta th { width: 140px; text-align: right; padding: 2px 5px; }

#products_ordered { width: 100%; margin-bottom: 50px; }
	#products_ordered thead th { background: #eee; padding: 5px; text-align: left; border-bottom: solid 1px #ccc; }
	#products_ordered tbody td { border-bottom: solid 1px #ccc; padding: 5px; }
	#products_ordered tfoot { font-size: 110%; }
	#products_ordered tfoot th { background: #eee; padding: 1px 5px; }
	#products_ordered tfoot td { background: #f7f7f7; }