/* GLOBAL RESET */
	
	/*img,p,div,table,th,td,tr,blockquote,h1,h2,h3,h4,h5,h6,html,body,hr,li,ul,ol,dl,dd,dt,input,select,option,button,form,label,fieldset,textarea {*/
	* {
		margin:0;
		padding:0;
	}
	
/*GLOBAL*/
	html, body {
		height: 100%;
		width: 100%;
		background-color: #e6e6e6;
	}	
    
	p {  padding-bottom: 1.5em; }
	
	small{line-height: 1.7em;}

	b { font-weight:bold; }

	body,input,textarea,select,option {
		font-family: Arial,Verdana,sans-serif;
		font-size:13px;
		color:#595959;
		line-height:1.3;
		
	}
	
	h1, h2, h3, h4 {
		font-family: Arial,Verdana,sans-serif;
		background-color: inherit;
		font-weight:normal;
	}
		h1 { color: #3d1a70; font-size:18px; font-weight: bold; }
		
		h2 { color: #3d1a70; font-size:18px; font-weight: normal; }
		
		h3 { color:#3d1a70; font-size: 13px; font-weight: bold; clear:both; }
		
		h4 { color: #3d1a70; font-size:14px; font-weight: bold;
		}
		
		h5, h6 { color: #3d1a70; font-size:12px; font-weight: bold; }
		
		a { color: #e80079; text-decoration: underline; }

		 a img{ border: 0; }
				
		.clear{ clear: both; }
	
	#container{ 
		width: 100%; 
		padding-bottom: 40px;
		background-image: url(../img/footer_bg.gif); 
		background-repeat: repeat-x; 
		background-position: 50% 100%;
		background-color: #fff;
		}	
	
	#page_container{ width: 954px; margin: 0 auto;}	
	
	/*header*/
	#header_container{
		height: 93px;
		background-image: url(../img/header_right_bg.jpg);
		background-repeat: no-repeat;
		background-position: right top;
	}
		
		#header_logo{
			width: 380px;
			height: 93px;
			display: block;
			float: left;
			background-image: url(../img/header_logo.gif);
			background-repeat: no-repeat;
		}
		
		#header_help_figure{ 
				width: 144px;
				height: 38px;
				margin-top: 35px;
				margin-right: 65px;
				display: block;
				float: right;
		}
		
			#ie6 #header_help_figure{ margin-right: 35px; }
		
		#header_help_figure li{
			width: 27px;
			height: 38px;
			padding-left: 9px;
			padding-bottom: 6px;
			float: left;
			display: block;
		
			background-image: url(../img/help_figure_bg.gif);
			background-repeat: no-repeat;
			background-position: left center;
			
			font-family: Helvetica, Arial, sans-serif;
			font-weight: bold;
			color: #ec008c;
			font-size: 32px;
			list-style-type: none;
		}
		
	/*nav*/	
		#nav_container{
			width: 954px;
			height: 40px;
			display: block;
			
			background-image: url(../img/nav_bg.jpg);
			background-repeat: no-repeat;
			background-position: left top;
		}
			
			#nav{
				display: block;				
			}
			
				#nav li{
					display: inline;
				} 
				
				#nav li a{
					float: left;
					overflow: hidden;
					height: 0px;
					padding-top: 40px;
					
					background-image: url(../img/nav_bg.jpg);
					background-repeat: no-repeat;
				}
				
					li.home_item a{ width: 75px;}	

					li.home_item a:hover, li.home_item#selected a{ background-position: 0px -40px;}	
				
					li.stories_item a{ width: 126px; background-position: -75px 0px;}
					li.stories_item a:hover, li.stories_item#selected a{ background-position: -75px -80px;}	
					
					li.about_item a{ width: 90px; background-position: -201px 0px;}
					li.about_item a:hover, li.about_item#selected a{ background-position: -201px -120px;}	
					
					li.news_item a{ width: 140px; background-position: -291px 0px;}
					li.news_item a:hover, li.news_item#selected a{ background-position: -291px -160px;}	
					
					li.shop_item a{ width: 68px; background-position: -431px 0px;}
					li.shop_item a:hover, li.shop_item#selected a{ background-position: -431px -200px;}	
					
					li.donate_item a{ width: 111px; background-position: -499px 0px;}
					li.donate_item a:hover, li.donate_item#selected a{ background-position: -499px -240px;}	
					
					li.contact_item a{ width: 119px; background-position: -610px 0px;}
					li.contact_item a:hover, li.contact_item#selected a{ background-position: -610px -280px;}	
	
					
			#nav_site_search{float: right; margin-right: 20px;}	
			#nav_site_search input.search_textfield{
				width: 120px; 
				height: 20px; 
				padding-top: 5px;
				padding-left: 5px;
				margin-top: 5px;
				border: 1px solid #685d97; 
				background-image: url(../img/keyword_search_bg.gif); 
				background-repeat: repeat-x;
				float: left;
				}
			#nav_site_search button.search_btn{	
				width: 62px;
				height: 25px;
				margin: 6px 0 0 0;
				padding: 0;
				border: 1px solid #aeaeae;
				background: transparent url(../img/search_btn.gif) no-repeat center top;
				text-indent: -1000em;
				cursor: pointer; /* hand-shaped cursor */
				cursor: hand; /* for IE 5.x */
				float: right;
			}	
			
	/*headings*/
		h2.image_heading{
			/*text-indent: -1000px;*/
			background-repeat: no-repeat;
			margin-top: 0.5em;
			margin-bottom: 0.5em;
		}
			/*h2.help_a_child_today {background-image: url(../img/headings/help_a_child_today.gif);}
			h2.about_mirabel{background-image: url(../img/headings/about_mirabel.gif);}
			h2.the_making_of_mirabel{background-image: url(../img/headings/the_making_of_mirabel.gif);}
			h2.contact_mirabel{background-image: url(../img/headings/contact_mirabel.gif);}
			h2.donate_now{background-image: url(../img/headings/donate_now.gif);}
			h2.legals{background-image: url(../img/headings/legals.gif);}
			h2.mirabel_news_and_events{background-image: url(../img/headings/mirabel_news_and_events.gif);}
			h2.friends_of_mirabel{background-image: url(../img/headings/friends_of_mirabel.gif);}
			h2.mirabel_collection{background-image: url(../img/headings/mirabel_collection.gif);}
			h2.georgous_gifts{background-image: url(../img/headings/georgous_gifts.gif);}
			h2.shop{background-image: url(../img/headings/shop.gif);}
			h2.girls_tshirt{background-image: url(../img/headings/girls_tshirt.gif);}
			h2.boys_tshirt{background-image: url(../img/headings/boys_tshirt.gif);}*/
	
			
	/*page content*/
		#page_content{
			padding-top: 15px; 
			background-image: url(../img/body_bg.gif); 
			background-repeat: no-repeat; 
			background-position: center top;
			}
		
	/*home*/
		.home_layout .column_a{width: 360px; padding-right: 27px; padding-left: 10px; float: left; }
		.home_layout .column_b{width: 545px; float: right; padding-right: 10px;}
		
		.home_layout .column_b #mirabel_collections_logo{float: right; display: block; width: 169px; height:126px;}
		
		#more_news_prev{
			width: 360px;
			height: 121px;
			float: left;
		}
		
		#more_news_prev .more_news_prev_header{
			width: 360px;
			height: 45px;
			display:block;
			background-image: url(../img/news_and_events_bg.gif);
			background-repeat: no-repeat;
			background-position: center bottom;
		}
		
		
			#more_news_prev .more_news_prev_header h3{width: 270px;display:block; float: left;}
			#more_news_prev .more_news_prev_header  .more_link{ display: block; float: right; margin: 10px 10px 0 0;}
			
			#more_news_prev li{
				height: 1.5em;
				overflow: hidden;
				list-style-type: none; 
				padding-left: 15px; 
				margin-left: 12px;
				
				background-image: url(../img/purple_bullet.gif);
				background-repeat: no-repeat;
				background-position:  left center;
				
				font-size: 11px;
				line-height: 1.5em;
				}
				
	/*standard*/
		.standard_layout.single_column{min-height: 500px;}
		.standard_layout .column_a{width: 360px; padding-right: 27px; padding-left: 10px; float: left; }
		.standard_layout .column_b{width: 545px; float: right; padding-right: 10px;}
		
		.standard_layout .column_b .action_buttons_set{width: 360px; margin-left: 90px;}
		
		.standard_layout .column_a ul{
		margin-top: 0.5em;
		margin-bottom: 1em;
		}
		
		.standard_layout .column_a li{
			list-style-type: none; 
			padding-left: 15px; 
			margin-left: 12px;
			
			background-image: url(../img/purple_bullet.gif);
			background-repeat: no-repeat;
			background-position:  left center;
			}
			
		.standard_layout .column_b #mirabel_collections_logo{ margin-top: 30px; margin-bottom: 25px; text-align: center;}	
		
		
	/*mirabel collections*/
		.standard_layout  .shop_categories{
            position: relative;
			width: 850px; 
			height: 220px;
			padding:  0;
			display: block;
			clear: both;
			width: 918px; 
			background: #fff;
			margin-bottom: 80px;
        }
		
		#ie7 .standard_layout  .shop_categories{padding-bottom: 50px; background:transparent;}
		.standard_layout  .shop_categories ul {padding-top: 20px;}
		
        .standard_layout  .shop_categories ul li img{
            width: 116px;
            height: 152px;
        }
        .standard_layout  .shop_categories ul li {
            overflow: visible;
            float: left;
            width: 146px;
            height: 200px;
            text-align: center;
        }
        .standard_layout  .shop_categories a{
            text-decoration: none;
        }
        .standard_layout  .shop_categories  button.prev {
			position: absolute;
			left: 0px;
			z-index: 9;
			width: 30px;
			padding-right: 10px;
			background-color: #fff;
			background-image: url(/img/pink_btn_left.gif);
			background-position: 100% 50%;
			height: 180px;
        }
			.standard_layout  .shop_categories  button.prev  span{display:none;}
			
			
        
		.standard_layout  .shop_categories  button.next {
			position: absolute;
			right: 0px;
			z-index: 10;
			width: 30px;
			padding-left: 10px;
			background-color: #fff;
			background-image: url(/img/pink_btn_right.gif);
			background-position: 0% 50%;
			height: 180px;
        }
		
			.standard_layout  .shop_categories  button.next  span{display:none;}
			
		.standard_layout  .shop_categories  button:focus{outline:none;}
		
		.standard_layout .column_b .mirabel_collection_logo_big{text-align: center; margin-top: 30px;}
		
		.standard_layout .column_a .long_btn span{padding-right: 80px;}
		
		
		
	/*shop*/
	.shop_layout .shop_options a.purple_btn{float: right; }
	.shop_layout .shop_category{clear: both; padding-bottom: 30px;}
	.shop_layout .shop_category_list  .shop_item{width: 288px; margin-right: 30px; display: block; float: left; margin-bottom: 30px;}
	.shop_layout .shop_category_list .item_name, .shop_layout .shop_category_list  .size{color: #4f2684; font-weight: bold;}
	
	.shop_layout .shop_category_list  .item_details img{float: left; margin-right: 10px;}
	.shop_layout .shop_category_list .shop_category_row{clear: both;}
	.shop_layout .shop_category_list  .item_details .item_sizes{display: block; padding-left: 126px;}
	.shop_layout .shop_category_list  .size{margin-bottom: 3px;}
	.shop_layout .shop_category_list  .item_details  button {margin-bottom: 10px;}
	.shop_layout .shop_category_list  .item_details  button span{margin-bottom: 0px;}

	
	/*action buttons*/
	.action_buttons_set{text-align: center;}
	.action_buttons_set .button_a,
	.action_buttons_set .button_b,
	.action_buttons_set .button_c{
		width: 94px;
		height: 85px;
		display: block;
		float: left;
	}
	.action_buttons_set .button_a{
		margin-right: 40px;
	}
	.action_buttons_set .button_c{float: right;}
	.action_buttons_set a{
		width: 94px;
		height: 85px;
		display: block;
		background-repeat: no-repeat; 
		background-position: 0 0;
	}
	.action_buttons_set a:hover{background-position: 0 -85px;}
		#ie6 .action_buttons_set a:hover{background-position: 0 -84px;}
	
	.action_buttons_set #cantact_us_btn a{background-image: url(../img/contact_us_btn.png);}
	.action_buttons_set #download_newsletter_btn a{background-image: url(../img/download_btn.png);}
	.action_buttons_set #donate_online_btn a{background-image: url(../img/donate_btn.png);}
	.action_buttons_set #become_a_friend_btn a{background-image: url(../img/become_a_friend_btn.png);}
	.action_buttons_set #shop_btn a{ background-image: url(../img/shop_btn.png);}
    
	/*stories*/
	.stories_layout h2.image_heading{
		text-indent: -10000px;
		background-image: url(../img/stories/stories_titles.gif);
		background-repeat: no-repeat;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		margin-left: 205px;
		width:439px;
		display: block;
		}	
		
	.stories_layout h2.image_heading.title1{background-position: left 2px;}	
	.stories_layout h2.image_heading.title2{background-position: left -22px; padding-bottom: 1.2em;}	
	.stories_layout h2.image_heading.title3{background-position: left -67px; padding-bottom: 1.2em;}	
	.stories_layout h2.image_heading.title4{background-position: left -113px; padding-bottom: 1em;}	
	.stories_layout h2.image_heading.title5{background-position: left -161px; padding-bottom: 1em;}	
	.stories_layout h2.image_heading.title6{background-position: left -208px; padding-bottom: 1em;}	
	.stories_layout h2.image_heading.title7{background-position: left -255px; padding-bottom: 1em;}	
	.stories_layout h2.image_heading.title8{background-position: left -302px; padding-bottom: 1em;}	
	.stories_layout h2.image_heading.title9{background-position: left -349px; padding-bottom: 1em;}	
	.stories_layout h2.image_heading.title10{background-position: left -396px; padding-bottom: 1em;}	
	.stories_layout h2.image_heading.title11{background-position: left -443px; padding-bottom: 2.6em;}	
	.stories_layout h2.image_heading.title12{background-position: left -513px; padding-bottom: 1em;}	
	.stories_layout h2.image_heading.title13{background-position: left -559px; padding-bottom: 1em;}	
	.stories_layout h2.image_heading.title14{background-position: left -605px; padding-bottom: 1em;}	
	.stories_layout h2.image_heading.title15{background-position: left -651px; padding-bottom: 1.2em;}	
	.stories_layout h2.image_heading.title16{background-position: left -697px; padding-bottom: 1em;}	
	.stories_layout h2.image_heading.title17{background-position: left -743px; padding-bottom: 1em;}	
	.stories_layout h2.image_heading.title18{background-position: left -789px; padding-top: 1px; padding-bottom: 0em;}	
	.stories_layout h2.image_heading.title19{background-position: left -812px; padding-bottom: 0em;}	
	.stories_layout h2.image_heading.title20{background-position: left -857px; padding-bottom: 0em;}	


	
	.stories_layout .column_a{width: 645px; padding-right: 25px; float: left;}
		stories_layout .column_a p{width: 620px;}
		#ie6 .stories_layout .column_a{width: 645px; padding-right: 0px; float: left;}
	.stories_layout .column_b{width: 284px; float: right;}	
		
		.stories_layout .column_a .stories_image {
			width: 180px; 
			height: 332px; 
			padding-right: 25px; 
			display:block; 
			float: left;
			}
			
			.stories_layout .column_a .read_more .purple_btn{ float: right;}
	/*subscribe*/
		.subscribe_form p{ padding-bottom: 1em;}
		form.subscribe_form button{margin-top: 10px; float: left;}

		
	/*buttons*/
	a.purple_btn{
		height: 22px;
		margin-top: 1.5em;
		margin-bottom: 1.5em;
		margin-right: 6px;
		padding-right: 35px; /* sliding doors padding */
		float: left;
		font-size:12px; 
		color: #fff;
		font-weight: normal;
		display: block;
		background: transparent url('../img/purple_btn_right.png') no-repeat scroll  100% 0%;
		text-decoration: none;
	}
			#ie6 a.purple_btn{background: transparent url('../img/purple_btn_right.gif') no-repeat scroll  100% 0%;}
			
	a.purple_btn:hover {background-position: 100% -22px ;}	
	
	
		a.purple_btn span{
				background: transparent url('../img/purple_btn_left.png') no-repeat;
			    display: block;
			    line-height: 14px;
			    padding: 4px 0 6px 15px;
				text-align: right;
			}
			
			#ie6 a.purple_btn span{ padding: 4px 0 4px 15px; 	background: transparent url('../img/purple_btn_left.gif') no-repeat;}
			
	button{
				border:0; 
				cursor:pointer; 
				font-weight:bold; 
				padding:0 25px 0 0; 
				margin-bottom: 1.5em;
				text-align:center; 
				height:22px; 
				background:url(../img/purple_btn_right.png) 100% 0  no-repeat; 
				font-size:12px; 
				font-weight: normal;	
			}			
				#ie6 button{	background:url(../img/purple_btn_right.gif) 100% 0  no-repeat; }
			
			button span{
			  position:relative; 
			  display:block; 
			  white-space:nowrap; 
			  padding:3px 0 0 12px; 
			  margin:-2px 0 0 -3px; 
			  height:19px; 
			  line-height:;
			  background:url(../img/purple_btn_left.png) left top no-repeat;
			  color:#fff; 
			  font-weight: normal;
			  font-family: Arial,Verdana,sans-serif;
			}	
		
			
				#ie7 button span, #ie6 button span{  margin-top:0px; margin-left: -12px; }
				 #ie6 button span{  margin-top:0px; margin-left: -17px; background:url(../img/purple_btn_left.gif) left top no-repeat;}
			
			button:hover, button:focus { background-position: 100% -22px }	
		

		/*Flash*/
		#page_flash_message{
            position:relative;
			width: 545px;
			height: 260px;
			margin-bottom: 15px;
			display: block;
			/*background: #ccc;*/
        }
        
        #page_flash_message IMG {
            position:absolute;
            top:0;
            left:0;
            z-index:8;
            cursor: pointer;
        }

        #page_flash_message IMG.active {
            z-index:10;
        }

        #page_flash_message IMG.last-active {
            z-index:9;
        }

		
	/*contact*/
		fieldset{border: 0;}
		
		
		fieldset  div.input{
		overflow:hidden;
		padding-left:100px;
		padding-bottom: 1em;
		}
		
			#ie7 fieldset  div.input{padding-left:100px;}
		
			fieldset div.input label{
			float:left;
			margin-left:-100px;
			margin-top:0;
			}
			
				#ie7 fieldset div.input label{margin-left:-100px;}
			
			fieldset div.input input{ width: 258px;}
			
				#ie7 fieldset div.input input{ width: 248px;}
			
			fieldset  div.input textarea{
				width: 258px;
			}
			
			form button{float: right;  }
			
	/*donation*/
		.donation_form select{width: 150px; float:left; margin-right: 20px; }
		.donation_form input{width: 170px;  }
		.donation_form button{float: none; margin-top: 10px;}
		
	/*footer*/
		#footer{
			width: 490px;
			height: 40px;
			margin-left: 400px;
			padding-left: 104px;
			display: block;
			
			color: #a8a8a8;
			font-size: 10px;
			background-image: url(../img/footer_logo.png);
			background-repeat: no-repeat;
			background-position: left middle;	
		}
			#footer a{ color: #a8a8a8; text-decoration: none;}
			
			#footer li{
				list-style-type: none;
				display: inline;
				padding-right: 10px;
				margin-left: 10px;
				border-right: 1px solid #a8a8a8;
				}
				
					#footer li.first{ margin-left: 0px;}
					#footer li.last{ border: 0;}
                    
            
            #page_content img {
                margin-left: 0;
            }
            
            .shop_item small {
                text-align: justify;             
            }

            
            
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 60%;
    margin-left: -300px;
    width: 400px;
    background-color: #FFF;
    color: #333;
    padding: 12px;
    border: solid 5px #5E40B5;
    color: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}

.jqmOverlay { /*background-color: #000;*/ display: none; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}



#ie7 .item_sizes{
    width: 150px;/*126px*/
    padding: 0;
    float: right;
}
#ie7 .item_details img{
    float: left;
}