.foo{}

/* HTML GENERAL */

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form, input
{
    margin: 0;
    padding: 0;
}

body
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	background: #887E75;
	color: #ffffff;
}

a
{
	color: #FFCC66;
	text-decoration: none;
}

a:hover
{
	color: #ff9933;
	text-decoration: none;
}

a img
{
	border: 0;
}

img
{
	border: none;
}

h1, h2, h3, h4, h5, h6
{
    font-family: arial, helvetica, sans-serif;
}

h2, h3
{
    font-size: 16px;
}


/* 
   --------------------------
   SmoothGallery starts here   TODO: cull the extra crap
   --------------------------
*/

.jdGallery a
{
	outline:0;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	/* background-color: #000; */
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('images/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('images/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #eee;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }
	
	
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
	opacity: .4;
	-moz-opacity: .4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}


/* 
   ----------------------
   SlideItMoo starts here 
   ----------------------
*/

#SlideItMoo_info_outer,
#SlideItMoo_info_inner{
	width:900px;
	height:800px;
}

#SlideItMoo_info_outer { 
	display:block; 
	position:relative; 
	margin:0px auto 0px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	-webkit-border-radius:7px;
}
#SlideItMoo_info_inner { 
	position:relative ; 
	overflow:hidden ; 
	/* margin:0px auto 0px;   */
}
#SlideItMoo_info_items { 
	display:block; 
	position:relative; 
}
/* remember after styling to set the itemWidth parameter on class instance */
#SlideItMoo_info_items .info_item{
	display:block; 
	position:relative;
	float:left;
	font-size:16px;
}
	#SlideItMoo_info_items .info_item a.more{
		display:block;
		position:absolute;
		right:0px;
		text-decoration:none;
		text-transform:uppercase;
	}

#SlideItMoo_info_items .info_item a img{
	margin-left:0px;
}

#SlideItMoo_info_items .info_item img {
	float:left;	
}

#SlideItMoo_info_items .info_item h1{
	color:#00CCFF;
	text-align:left;
	font-size:30px;
	padding:15px 0px 20px;
}

.SlideItMoo_forward,
.SlideItMoo_back{ 
	display:none; 
	position:absolute; 
	cursor:pointer; 
	top: 525px;
	width:26px; 
	height:45px; 
	z-index:100;
}
.SlideItMoo_back
{
	left: 0px;
	background:url(images/btn-prev.png) no-repeat center;
}
.SlideItMoo_forward
{
	left: 507px;
	background:url(images/btn-next.png) no-repeat center;
}



.SlideItMoo_veil
{
	display: none;
	position:absolute;
	top: 40px;
	left: 732px;
	width:367px;
	height:800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
	background:url(images/veil.png);
	z-index:110;
}



/* 
   ----------------------
   Anderson starts here 
   ----------------------

   CSS 3-column layout        
*/

#acGallery
{
	width: 900px;
	height: 800px;
	z-index:5;
	text-align: left;
	border-color: #aaa;
	border-width: 2px;
	border-style: none;
}

#wrap1
{
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
	padding: 0px;
	padding-right:80px;
	text-align: left;
	background: #887E75;
	height:100%;
}


#wrap2
{
	min-height: 100%;
}

#wrap3
{
	position:relative;
	padding-top:40px;
	padding-bottom:15px;
}

#container
{
	clear:left;
	float:left;
    width:100%;
    overflow:hidden;
    background:#887E75;
}

#column1
{
	float:left;
	width: 200px;
}

#column1_content
{
	position:relative;
	padding-left:2px;
}

#column2
{
	width: 900px;
	margin-left:200px;
}

#column3
{
	float:right;
	width: 150px;
	margin-left:200px;
}

#stripe_left
{
	background: url(images/long_stripe.png) no-repeat;
	top:130px;
	left:0px;
	height:640px;
	width:10px;
	position:absolute;
}

#footer
{	position: relative;
	height: 15px;
	clear:both;
	padding-top:5px;
	color: #D7CBC0;
} 

#ac_logo
{
	background: url(images/logo.png) no-repeat;
	position:absolute;
	left:36px;
	top:15px;
	width:253px;
	height:80px;
	z-index:200;
	cursor:pointer;
}

a:hover #ac_logo_uline {width: 150px; top:64px; left:5px;}


#ac_logo_girl
{
	background: url(images/logo_girl.png) no-repeat;
	position:absolute;
	bottom:-790px;
	right:-110px;
	width:80px;
	height:203px;
}

#ac_dress
{
	background: url(images/dress.png) no-repeat;
	position:absolute;
	left:130px;
	top:85px;
	width:55px;
	height:89px;
	z-index:100;
}

#ac_dress2
{
	background: url(images/dress_pink.png) no-repeat;
	position:absolute;
	left:70px;
	top:85px;
	width:55px;
	height:89px;
	z-index:100;
}

#ac_ball
{
	background: url(images/ball.png) no-repeat;
	position:absolute;
	bottom:-800px;
	right:-70px;
	width:50px;
	height:50px;
}

/* underline all link hovers */
.ac_link_hover
{
	background: url(images/link_uline.png) repeat-x;
	height:10px;
	position:absolute;
	left:1px;
	top:20px;
}

#ac_col_spring
{
	position:absolute;
	left:207px;
	top:390px;
	width:70px;
	height:26px;
	z-index:100;
}

a:hover #ac_col_spring_uline
{
	width: 60px;
	top:22px;
}

#ac_col_summer
{
	position:absolute;
	left:207px;
	top:420px;
	width:86px;
	height:25px;
	z-index:100;
}

a:hover #ac_col_summer_uline {width: 80px;}

#ac_col_late_summer
{
	position:absolute;
	left:207px;
	top:450px;
	width:127px;
	height:25px;
	z-index:100;
}

a:hover #ac_col_late_summer_uline {width: 120px;}

#ac_link_store, 
#ac_link_contact,
#ac_link_info
{
    position:absolute;
	left:60px;
	width:130px;
	height:70px;
	z-index:100;
}

#ac_link_store {top:727px;}
#ac_link_contact {top:752px;}
#ac_link_info {top:776px;}

a:hover #ac_link_store_uline {left: 74px; width: 51px;}
a:hover #ac_link_contact_uline {left: 52px; width: 74px;}
a:hover #ac_link_info_uline {left: 10px; width: 115px;}

#ac_link_buy
{
	background: url(images/link_buy.png) no-repeat;
	position:absolute;
	left:1030px;
	top:790px;
	width:68px;
	height:38px;
	z-index:130;
	display:none;
	cursor: pointer;
}
a:hover #ac_link_buy_uline {left: 15px; width: 35px; top: 27px;}

#ac_link_detail
{
	background: url(images/link_detail.png) no-repeat; 
	position:absolute;
	left:800px;
	top:173px;
	width:227px;
	height:44px;
	z-index:130;
	display:none;
	cursor: pointer;
}
a:hover #ac_link_detail_uline {top: 31px; left: 27px; width: 175px;}

/* Dress navigation */

.ac_nav_dress 
{
	position:absolute;
	left: 0px;
	width:157px;
	height:24px;
}

#ac_spring_dresses
{
	position:absolute;
	top:185px;
	left:30px;
	width:158px;
	height:146px;
	z-index:100;
	display:none;
}

#ac_summer_dresses
{
	position:absolute;
	top:220px;
	left:30px;
	width:157px;
	height:171px;
	z-index:100;
	display:none;
}

#ac_late_summer_dresses
{
	position:absolute;
	top:255px;
	left:30px;
	width:157px;
	height:171px;
	z-index:100;
	display:none;
}

#ac_nav_sum_red_tartan {top: 1px;}
#ac_nav_sum_red_pinstripe {top: 25px;}
#ac_nav_sum_grey_plaid {top: 49px;}
#ac_nav_sum_cream_white {top: 73px;}
#ac_nav_sum_apricot_floral {top: 97px;}
#ac_nav_sum_cream_blueberry {top: 121px;}
#ac_nav_sum_green_pinstripe {top: 145px;}

#ac_nav_spring_navy_spot {top: 1px;}
#ac_nav_spring_cream_eyelet {top: 25px;}
#ac_nav_spring_navy_floral {top: 49px;}
#ac_nav_spring_grey_pinstripe {top: 73px;}
#ac_nav_spring_red_spot {top: 97px;}
#ac_nav_spring_beige_butterfly {top: 121px;}

#ac_nav_latesum_blue_check {top: 1px;}
#ac_nav_latesum_pink_check {top: 25px;}
#ac_nav_latesum_green_flower {top: 49px;}
#ac_nav_latesum_pink_silk {top: 73px;}
#ac_nav_latesum_green_velvet {top: 95px;}

.ac_sel_dot
{
	background: url(images/sel_dot.png) no-repeat;
	width:13px;
	height:16px;
	position:absolute;
	left:182px;
	display:none;
}

.ac_sel_dot_hover
{
	width:13px;
	height:16px;
	position:absolute;
	left:152px;
}

a:hover #ac_sel_dot_sum_red_tartan, 
a:hover #ac_sel_dot_sum_red_pinstripe,
a:hover #ac_sel_dot_sum_grey_plaid,
a:hover #ac_sel_dot_sum_cream_white,
a:hover #ac_sel_dot_sum_apricot_floral,
a:hover #ac_sel_dot_sum_cream_blueberry,
a:hover #ac_sel_dot_sum_green_pinstripe,
a:hover #ac_sel_dot_spring_navy_spot,
a:hover #ac_sel_dot_spring_cream_eyelet,
a:hover #ac_sel_dot_spring_navy_floral,
a:hover #ac_sel_dot_spring_grey_pinstripe,
a:hover #ac_sel_dot_spring_red_spot,
a:hover #ac_sel_dot_spring_beige_butterfly,
a:hover #ac_sel_dot_latesum_blue_check,
a:hover #ac_sel_dot_latesum_pink_check,
a:hover #ac_sel_dot_latesum_green_flower,
a:hover #ac_sel_dot_latesum_pink_silk,
a:hover #ac_sel_dot_latesum_green_velvet
{
	background: url(images/sel_dot.png) no-repeat;
	top:3px;
}

/* ---------------- */


#ac_dress_desc_container
{
	position:absolute;
	top:40px;
	left:732px;
	width:450px;
	height:800px;
	z-index:120;
	display: none;
}

#ac_dress_desc_overlay
{
	background: url(images/desc_overlay.png);
	position:absolute;
	top:0px;
	left:0px;
	width:368px;
	height:800px;
	z-index:120;
}	

.ac_dress_desc 
{
	background-repeat: no-repeat;
	position:absolute;
	top:220px;
	left:0px;
	width:349px;
	height:296px;
	z-index:130;
}	

.ac_dress_desc_price
{
	background-repeat: no-repeat;
	position:absolute;
	top:733px;
	left:12px;
	width:246px;
	height:60px;
	z-index:130;
}	

/* ----- Info ----- */

#ac_info_container
{
	background: url(images/desc_overlay.png);
	position:absolute;
	top:40px;
	left:200px;
	width:900px;
	height:800px;
	z-index:150;
	display: none;
}

#ac_link_info_close, #ac_link_contact_close, #ac_link_store_close
{
	position:absolute;
	left:800px;
	top:132px;
}
#ac_link_contact_close, #ac_link_store_close {top:452px;}

#ac_link_info_our_products, 
#ac_link_info_shipping, 
#ac_link_info_sizing,
#ac_link_info_ordering,
#ac_link_info_contact
{
	position:absolute;
	left:20px;
}

#ac_link_info_our_products{top: 132px;}
#ac_link_info_ordering{top: 460px;}
#ac_link_info_contact{top: 500px;}
#ac_link_info_shipping{top: 540px;}
#ac_link_info_sizing{top: 580px;}
#ac_link_store_contact{position:absolute; top:0px; left:450px; height:30px; width:300px;}
#ac_link_contact_contact {position:absolute; top:0px; left:301px; height:25px; width:300px;}
#ac_link_credits_jez {position:absolute; top:12px; left:185px; height:25px; width:190px;}
#ac_link_credits_andy {position:absolute; top:35px; left:125px; height:25px; width:77px;}

a:hover #ac_link_info_our_products_uline {top: 33px; left: 15px; width: 118px;}
a:hover #ac_link_info_shipping_uline {top: 34px; left: 14px; width: 80px;}
a:hover #ac_link_info_sizing_uline {top: 34px; left: 14px; width: 56px;}
a:hover #ac_link_info_ordering_uline {top: 34px; left: 14px; width: 118px;}
a:hover #ac_link_info_contact_uline {top: 34px; left: 14px; width: 87px;}
a:hover #ac_link_info_close_uline,
a:hover #ac_link_contact_close_uline, 
a:hover #ac_link_store_close_uline
{
	top: 32px; left: 14px; width: 46px;
}
a:hover #ac_link_store_contact_uline {top: 25px; left: 8px; width: 290px;}
a:hover #ac_link_contact_contact_uline {top: 25px; left: 5px; width: 288px;}
a:hover #ac_link_credits_jez_uline {top: 21px; left: 0px; width: 187px;}
a:hover #ac_link_credits_andy_uline {top: 22px; left: 0px; width: 74px;}

#ac_contact_desc,
#ac_store_desc,
#ac_info_desc_our_products,
#ac_info_desc_shipping,
#ac_info_desc_sizing,
#ac_info_desc_ordering,
#ac_info_desc_contact,
#ac_info_credits
{
	position:absolute;
	left:30px;
	width:870px;
	display:none;
}

/* 
    TODO: figure out how to get all the images in one place! img tags want to be in /images, but
    css url specifiers want to be in App_Themes. Terrible!

*/

#ac_info_desc_our_products
{	
    background: url(../../images/info/desc_our_products.png) no-repeat;
	height:322px;
	top: 160px;
}

#ac_info_desc_ordering
{	
    background: url(../../images/info/desc_ordering.png) no-repeat;
	height:227px;
	top: 210px;
}

#ac_info_desc_contact
{	
    background: url(../../images/info/desc_contact.png) no-repeat;
	height:227px;
	top: 265px;
}

#ac_info_desc_shipping
{	
    background: url(../../images/info/desc_shipping.png) no-repeat;
	height:222px;
	top: 280px;
}

#ac_info_desc_sizing
{	
    background: url(../../images/info/desc_sizing.png) no-repeat;
	height:402px;
	top: 320px;
}

#ac_info_credits
{	
    background: url(../../images/info/credits.png) no-repeat;
	height:78px;
	top: 710px;
	display:block;
}

#ac_link_facebook
{
	position: absolute;
	top: 762px;
	left: 30px;
}

/* delete these to end */
#ac_contact_desc,
#ac_store_desc
{	
    background: url(../../images/info/contact_us.png) no-repeat;
	height:240px;
	top: 440px;
	display:block;
	left:0px;
}

#ac_contact_desc {background: url(../../images/info/contact_us.png) no-repeat;}

#ac_store_desc {background: url(../../images/info/store_coming_soon.png) no-repeat;}