/* Layout ---------------------------------------- */
	
	body {
		margin:10px 10px 0 10px;
		padding:0;
		height:800px;
		background-color: #fff;
		background-image: url('COB-BG2.jpg');
		background-repeat: no-repeat;
		background-position: left top;
		font-family: "Lucinda Grande", Georgia, serif;
		font-size:12px;
		color:#666;
		}	
		
	a:link {
	    text-decoration: underline;
	    color:#333;
	    border:0;
	    font-weight: normal;
	    }
	    
	a:visited {
	    text-decoration: underline;
	    color:#333;
	    border:0;
	    font-weight: normal;
	    }
	    
	a:active {
	    text-decoration: none;
		color:#333;
	    border:0;
	    font-weight: normal;
		}
		
	a:hover {
	    text-decoration: none;
		color:#333;
	    border:0;
	    font-weight: normal;
		}		
		
	#banner {
		position: absolute;
	    left:10px;
	    width:925px;
	    height:112px;
	    margin:0;
		}
		
	#cart {
	    position:relative;
		top:0px;
		right:5px;}
		
    #search {
    	position: absolute;
    	text-align: right;
    	top:40px;
    	left:550px;
    	right:15px;
    	width:385px;
    	}
    		
	#search a:link {
	    text-decoration: underline;
	    color:#033;
	    font-weight: bold;
	    }

	#leftcontent {
		position: absolute;
		left:0;
		top:180px;
		width:160px;
		height:570px;
		}
		
	#catlist {
		position: absolute;
		padding-left:5px;
		top:55px;
		left:0px;
		width:160px;
		}
		
	#catlist a:link {
	    text-decoration: none;
	    color:#fff;
	    }
	    
	#catlist a:visited {
	    text-decoration: none;
	    color:#fff;
	    }
	    
	#catlist a:active {
	    text-decoration: none;
	    color:#fff;
		}		
		
	#catlist a:hover {
		text-decoration: underline;
	    color:#fff;
		}
		
	#maincontent {
	    position: absolute;
	    top:129px;
	    left:197px;
		width:630px;
		height:575px;
		padding-left:110px;
		border-bottom:1px solid #033;
		}
		
		
/*-- CURRENT HOMEPAGE --*/		
		
	#homecontent {
		background:#fff url('http://www.cinderellaofboston.com/images/covers/FW09CatCvr.jpg') no-repeat;
	    position: absolute;
	    top:15px;
	    left:50px;
	    width:690px;
	    height:560px;
		}
		
	#homepage {
		position: absolute;
		left:10px;
		top:0px;
		width:100px;
		height:570px;
		border:0;
		}	
		
    #hptext {
   		position: absolute;
   		top:0px;
   		left:0px;
   		margin:0;
   		}
   		
   	/*-- Current HP Typography --*/
   		
    #pdf {
		position: absolute;
		top:440px;
		right:80px;
		border:0;
		}
		
	#hptext p {
		width:310px;
		color:#033;
		font-family: "Lucinda Grande", Georgia, serif;
		font-size:20px;
		line-height:24px;
		text-align: center;
		font-style: italic;
		font-weight: normal;
		padding-bottom:20px;
		}
		
	#pdf p {
		font-family: Arial, sans-serif;
		font-size:12px;
		color:#666;
		text-align: center;
		margin:0;
		padding:0;
		}
		
	#pdf img {
		padding-top:3px;
		vertical-align: middle;
		}
		
	#pdf p>em {
		font-size:10px;
		}
		
/*-- NEW HOMEPAGE --*/		
		
	#maincontent_hm {
	    position: absolute;
	    top:110px;
	    left:197px;
		width:630px;
		height:575px;
		padding-left:110px;
		/* border-bottom:1px solid #033; */
		}			
		
    #homecontent_mod {
		background:#fff;
	    position: absolute;
	    top:37px;
	    left:20px;
		}
   		
	#formcontainer {
		border:0;
		width:500px;
		margin-left:30px;
		margin-top:15px;
		}
		
	#searchresults {
		width:650px;
		}
		
	#searchresults a:link {
	    text-decoration: underline;
	    color:#033;
	    font-weight: bold;
	    border:0;
	    }
	    
	#searchresults a:visited {
	    text-decoration: underline;
	    }
	    
	#searchresults a:active {
		font-weight: bold;
		}
		
	#searchresults a:hover {
		border: none;
		}
    
	#prevcontent {
		position: absolute;
		left:10px;
		top:0px;
		width:100px;
		height:570px;
		border-right:2px solid #033;
		}
	
	#prevcontent a:link{
		text-decoration: none;
		font-weight: bold;
		}	
		
	#prevcontent ul {
		border:0;
		margin:0;
		padding:0;
		list-style-type: none;
		}
		
	#prevcontent li {
		border:0;
		margin:0;
		padding:0;
		text-indent:.7em;
		}
		
	#footer {
		position: absolute;	
		top:725px;

		}	
		
	#footer a:link {
	    text-decoration: underline;
	    font-weight: normal;
	    color:#333;
	    }
	    
	#footer a:visited {
	    text-decoration: underline;
	    color:#333;
	    }
	    
	#footer a:active {
		font-weight: normal;
		}
		
	#footer a:hover {
		border: none;
		}		
		
	#navigation {
		bottom:5px;
		height:15px;
		}
		
	#navigation a:link {
	    text-decoration: underline;
	    color:#333;
	    border: none;
	    }
	    
	#navigation a:visited {
	    text-decoration: underline;
	    }
	    
	#navigation a:active {
		font-weight: normal;
		}
		
	#navigation a:hover {
		border: none;
		}			
		
  /* Typography------------------------------------- */
		
	p,h1 {
		margin:0 10px;
		}
		
	h1 {
		font-family: Arial, sans-serif;
		font-size:20px;
		padding:15px;
		color:#033;
		text-align: left;
		line-height:36px;
		}	
		
	h2 {
		font-size: 18px;
		color:#033;
		font-style: normal;
		margin-top:-5px;
		}
		
	h3 {
		font-size:14px;
		font-weight: lighter;
		color:#033;
		font-style: italic;
		margin-top:-20px;
		letter-spacing:.07em;
		}
		
	h4 {
	    font-family: Arial, sans-serif;
		font-size:14px;
		font-weight: lighter;
		padding:15px;
		color:#033;
		text-align: center;
		margin-bottom:-10px;
		}	
			
	img {
		border:0;
		margin:0 1px;
		vertical-align: bottom;	
		border-style: none;
		}
		
	img#x-aspect-t {
		width:60px;
		height:auto;
		margin:5px 0;
		}
		
	img#x-aspect-s {
		width:100px;
		height:auto;
		margin:5px 0;
		vertical-align: top;
		}
		
	select#Color, select#Size, select#Subject, textarea#Comments {
		margin-right:5px;
		width: auto;
		font-family: Arial, sans-serif;
		font-size:12px;
		border-top:2px solid #999;
		border-left:2px solid #999;
		border-bottom:1px solid #ccc;
		border-right:1px solid #ccc;
		}
		
	#cart p {
		margin:0;
		border:0;
		text-align: right;
		}
		
	#search h1 {
		font-family: "Lucinda Grande", Georgia, sans-serif;
		color:#033;
		font-size:12px;
		line-height:12px;
		text-align: left;
		margin:-15px 15px -15px 0;
		}
		
	#catlist p {
		border:0;
		margin-left:15px;
		margin-top:3px;
		text-align: left;
		font-family: Arial, sans-serif;
		font-size:12px;
		line-height:18px;
		}	
		
	#catlist p.style {
		margin-top:0;
		margin-left:20px;
		}

	#maincontent h1, h2, h3, p {
		text-align:center;
		}
		
	#maincontent img {
		padding:15px 0 0 0;
		}
		
	#maincontent h1 {
		font-family: "Lucinda Grande", Georgia, serif;
		font-size: 20px;
		font-style: italic;
		margin-top:-15px;
		margin-bottom:-10px;
		}
		
	#maincontent p {
		font-size:12px;
		line-height:14px;
		padding-bottom:.5em;
		margin:0 30px;
		}
		
	#maincontent p>em {
		font-style: italic;
		font-size:11px;
		}
		
	#maincontent p>strong {
		color: #033;
		}
			
	#maincontent ul {
		margin: 0 35px;
		list-style-type: square;
		}
		
	#searchresults p {
		width:500px;
		margin:0 0 15px 15px;
		}
		
	#searchresults img {
		padding-right:15px;
		}
		
	#searchresults p.display {
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		padding:.5em 0;
		}
		
	#formcontainer p {
		margin-bottom:3px;
		}
		
	#formcontainer p>input {
		font-family: Arial, sans-serif;
		font-size:12px;
		} 
		
	#prevcontent p {
		font-family: "Lucinda Grande", Georgia, serif;
		font-style:italic;
		margin-left:4px;
		margin-right:5px;
		margin-bottom:5px;
		color: #903;
		}
		
	#footer p {
		font-family: Arial, sans-serif;
		text-align: center;
		font-size:10px;
		}
			
	#navigation p {
		font-family: "Lucinda Grande", Georgia, serif;
		text-align: center;
		font-size:11px;
		letter-spacing: normal;
		}
		
	#dhtmltooltip {
		position: absolute;
		width: 100px;
		border: 2px solid black;
		padding: 2px;
		margin-left: 120px;
		background-color: lightyellow;
		visibility: hidden;
		z-index: 100;
		/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
		filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
		}
		
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
    
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:212px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/hp/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/hp/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#FFF;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#39c;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */