@import "common.css";
@import "cart.css";

	body{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px}
	#main_wrapper{width:800px; margin:0 auto; position:relative; border:0px solid #999999}
	div#get_started{border:2px solid #333333;background:#777777; height:50px; position:absolute; top:120px; left:0; width:200px}
	div#front_page{width:650px; padding:0 0 0 15px; margin:5px 0px; height:565px; border:0px solid #333333; background-position:bottom; background:url(../images/front_pages_bg.jpg) repeat-x 0 100%; float:left}	
	div#get_started2{border:2px solid #333333; position:absolute; top:500px; left:250px; width:250px; height:50px; display:block; z-index:91002; background:#555; opacity:0; filter:alpha(opacity=0)}
	div#get_started2 a{padding:150px; width:200px; display:block; border:0px solid #333333; position:absolute; top:0; left:0; z-index:12100}
	#header{height:120px}
	h1#logo{background:url(../images/dg_logo.jpg) no-repeat; width:292px; height:118px; text-indent:-9999px; overflow:auto; position:absolute; top:0; left:0}
	h1#logo a{display:block; height:118px}
	h1.title{padding:10px}
	
	h2.title{color:#999999; padding:10px; font-family:Verdana, Arial, Helvetica, sans-serif}
	
	div#activities{position:relative; width:500px; left:300px; top:30px; background:#F096C9; height:90px}
	div#left_curve{background:url(../images/top_leftcurve.jpg) no-repeat; width:20px; position:absolute; top:0; left:0}
	div#right_curve{background:url(../images/top_rightcurve.jpg) no-repeat; width:20px; position:absolute; top:0; right:-9px}
	div#left_curve, div#right_curve{height:45px;}
	
	ul#menu{background:#DE57A4; height:26px; margin:0 0 0 5px; border:0px solid #333333}
	ul#menu li{float:left; width:90px; text-align:center; padding:0 3px}
	ul#menu li a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; display:block; padding:6px 0}
	ul#menu li:hover{background:url(../images/menu_bg_hover.jpg) repeat-x}
	
	div#login div{width:170px; float:left; margin:3px 3px 3px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#DE57A4; font-weight:bold}
	div#login a{color:#FFFFFF}
	div#login a:hover{text-decoration:underline}
	div#login div p{padding:2px 10px}
	div#login div input{background:url(../images/textfield_bg.jpg) no-repeat scroll; border:none; width:160px; padding:2px 5px}
	div#login div.submit{width:50px; margin:21px 0 0 5px;}
	div#login div.submit input{width:80px; background:url(../images/sign_in.jpg) no-repeat; border:none}
	
	div#body_wrapper{background:url(../images/body_pinklinebg.jpg) repeat-x #F560B1; background-position:top;}
	div#body_left_curve{background:url(../images/body_leftcurve.jpg) no-repeat; position:absolute; top:120; left:0; width:20px; height:50px}
	div#body_right_curve{background:url(../images/body_rightcurve.jpg) no-repeat; position:absolute; top:120; right:-11px; width:20px; height:50px}
	
	div#sub_wrapper{padding:7px 0 0 0;}
	div#side_bar{width:135px; height:300px; border:0px solid #666666; height:570px;}
	div#container{width:650px; border:0px solid #000000; background:url(../images/inner_bg_top.jpg) repeat-x #FFFFFF; position:relative; padding:0 0 0 10px; margin:5px 0;}
	div#inner_curve_left{background:url(../images/inner_curve_left.jpg) no-repeat; width:20px; height:100px; position:absolute; top:0; left:0}
	div#inner_curve_right{background:url(../images/inner_curve_right.jpg) no-repeat; width:20px; height:100px; position:absolute; top:0; right:0}
	
	/* Styles for logged in */
		
		div#logged_in{margin:5px 0px 0px 12px; font-size:12px; color:#FFFFFF; font-weight:bold}
		div#logged_in a{color:#FFFFFF}
	
	/* End of the styles */
	
	/* Styles for the Shopping Wizard */
	
	#clickToEnlarge{display:none; background:#FFFFFF;}
	#enlarged_image{position:absolute; top:10px; background:#FFFFFF; border:10px solid #FFFFFF}
	
	div#wizard_title{margin:10px; border:0px solid #333333; padding:10px}
	div#wizard_message{padding:0 10px 10px 10px}
	
	#topsDescription{font-size:14px; font-weight:bold; color:#FF6699; text-align:center; padding:5px}
	
	div#dress_style_wrap{margin:10px auto; width:500px;}
	div#dress_style_wrap div.dress_style{width:150px; height:220px; border:1px solid #CCCCCC; float:left; margin:15px 5px; text-align:center; background-position:center}
	div#skirts img{margin:33px 0}
	div#dress_style_wrap a.style_link{font-weight:bold; padding:0; color:#FF6699; display:block}
	div#dress_style_wrap a.style_dummy_link{display:block;}
	div#accessories{border:1px solid #CCCCCC; padding:10px; width:330px; text-align:center; margin:0 auto }
	div#accessories img{float:left; margin:0 15px}
	div#accessories p{padding:40px; font-size:18px}
	div#accessories a{color:#FF6699; font-weight:bold; display:block}
	div#accessories span{font-size:10px}
	
	div#enlarge_wrap{width:320px; margin:0px; text-align:center; border:0px solid #333333}
	div#style_thumbs{width:300px; border:0px solid #CCC; margin:5px; padding:4px; }
	h4#prd_name{color:#FF6699; padding:10px 0}
	div#style_thumbs div.box{margin:3px 0; border:1px solid #CCC; float:left; text-align:center; padding:2px; width:100%; height:150px; overflow:auto}
	div#style_thumbs div.box div{margin:3px; border:1px solid #CCC; float:left; text-align:center; padding:2px;}
	div#style_thumbs div.box p{padding:5px}
	div#style_thumbs div#outfit_colors{height:100px}
	div#style_thumbs div#outfit_trims{height:100px}
	div#style_thumbs div a{text-align:center; display:block; font-size:10px; color:#990000; font-weight:bold}
	div#style_thumbs div img{border:none}
	div#shop_stages{padding:5px}
	div#shop_stages img{border:none}
	div#shop_stages div{width:45%; float:left;}
	div#shop_stages div#shop_next{text-align:right}
	div#shop_stages{display:none}
	p.label{color:#999999; font-size:18px; font-weight:bold}
	p.personalize{padding:10px 0}
	
	div#shop_ajax_wrapper{padding:0 0 20px 0}
	div#shop_ajax_wrapper input{border:2px solid #DDDDDD; padding:5px; font-size:18px; width:250px; font-weight:bold; color:#FF6699}
	
	div#final_image{text-align:center; padding:20px}
	div#final_options div{height:25px; float:left;  margin:0px; width:300px; background-position:center; border:0px solid #333333; text-align:center}
	div#final_options div a{display:block; padding:0px 0}
	/*
	div#buy_now{background:url(../images/buy_now.jpg) no-repeat; width:120px;}
	div#buy_now:hover{background:url(../images/buy_now_hover.jpg) no-repeat; background-position:center}
	div#email_friend{background:url(../images/email_friend.jpg) no-repeat; }
	div#email_friend:hover{background:url(../images/email_friend_hover.jpg) no-repeat; background-position:center}
	div#wish_list{background:url(../images/wish_list.jpg) no-repeat; }
	div#wish_list:hover{background:url(../images/wish_list_hover.jpg) no-repeat; background-position:center}
	div#start_over{background:url(../images/start_over.jpg) no-repeat;}
	div#start_over:hover{background:url(../images/start_over_hover.jpg) no-repeat; background-position:center}
	*/
	
	
	#pprice{text-align:left; color:#FF6699; font-weight:bold; margin:3px; font-size:14px}
	#pdetails{text-align:left; font-size:10px; margin:3px}
	
	/* End of the styles for the Shopping Wizard */
	
	/* Styles for the pages */
	
	div#pages h1{padding:15px 10px}
	div#pages div{padding:0 10px; height:400px; line-height:20px; font-size:12px}
	div#pages ul{list-style-type:square; margin:10px}
	
	/* End of the styles for the pages */
	
	div#email_friend_wrap{position:absolute; top:200px; left:600px; background:#FFFFFF; border:4px solid  #FF6699; padding:5px; width:300px;}
	div#email_friend_wrap input{width:270px; border:1px solid #CCCCCC; padding:3px}
	div#email_friend_wrap textarea{width:270px; height:200px; border:1px solid #CCCCCC; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px}
	
	
	/* Styles for accesories page */
	
	#shopAccessories .items{width:110px; border:1px solid #CCCCCC; float:left; margin:3px; padding:4px; text-align:center}
	#shopAccessories .items a{padding:3px; display:block; color:#FF6699; font-weight:bold}
	
	#designTote .totes{width:310px; margin:4px; float:left; text-align:center; padding:3px}
	#designTote .totes h3{padding:0 0 10px 0; color:#FF6699}
	
	#toteColors{border:1px solid #CCCCCC; height:60px; margin:20px auto; overflow:auto; text-align:left; padding:2px; width:510px}
	#toteColors img{margin:2px;}
	#toteColors a{border:1px solid #EEE; float:left; margin:2px 7px;}
	#toteColors a:hover{border:1px solid #FF6699;  background:#FFCCEA}
	
	a.toteButtons{background:#CCCCCC; border:1px solid #FF6699; color:#999999; font-size:18px; text-decoration:none; padding:8px; font-weight:bold;}
	a.toteButtons:hover{text-decoration:none}
	
	a.cartButton{border:1px solid #FF6699;  background:#FF82CA; color:#FFFFFF}

	h4.tote{color:#FF6699; padding:5px 0}
	
	div#toteDescription{line-height:17px}
	

	
	
	/* End of styles for accesories page */
	
	
	
	
	/* Styles for the user registration screen */
	
	#tbl_user_reg{margin:10px}
	#tbl_user_reg  input.text{border:2px solid #DDDDDD; color:#FF6699; padding:4px; width:200px; font-weight:bold}
	#tbl_user_reg  input.submit{width:200px; border:none; background:url(../images/register_button.jpg) no-repeat; height:64px; background-position:center}
	#tbl_user_reg  input.submit:hover{background:url(../images/register_button_hover.jpg) no-repeat; background-position:center}
	
	/*  End of style for the user registration */
	
	/* Styles for the footer */
	
	#footer{padding:10px;}
	#footer div{text-align:center; padding:3px}
	#footer div a{color:#FF6699; font-weight:bold}
	#footer div a:hover{text-decoration:underline}
	
	/* End of styles for the footer */
	table#gift_orders{ border:1px solid #DDDDDD}
	table#gift_orders td{border-bottom:1px solid #DDDDDD}
	table#gift_orders tr:hover td{background:#FEE9F7;}
	form#frm_giftdetails div{height:auto; padding:0}
	form#frm_giftdetails div.error div{font-size:10px; padding:0}	

	/* Styles for the final images */
		#final_image{position:relative; overflow:auto; border:0px solid #0000FF}
		p.final_top{width:300px; float:left}
		p.final_bottom{width:300px; float:left}
		
		/*
		p.final_top{position:absolute; top:0; left:0; z-index:351; border:0px solid #FF0000}
		p.final_bottom{position:absolute; top:200px; left:0; z-index:350; border:0px solid #00FF00}
		*/
	/* End of the styles for the final images */
	
	table.contact_form div{padding:0; margin:0; height:auto !important }
	table.contact_form tr td div.error div{font-size:10px !important}