body{
margin:20px;
background-color:#fff6ee;
font-family:Helvetica, Arial, Tahoma, Verdana, sans-serif;
color:#5A3D1C;
}

#content{
float:left;
width:800px;
overflow: hidden;
}

#title{
background:url(head.gif) no-repeat top center;
height:59px;
width:800px;
margin:0 auto;
}

h1{
color:#5A3D1C;
font-family:Trebuchet MS;
font-size: 13px;
letter-spacing:2px;
font-weight: bold;
text-align:right;
text-transform:uppercase;
margin:0;
padding:35px 0 0 0;
}

#instructions{
background:url(box_back.gif) repeat-y center center;
width:800px;
margin:10px auto;
font-size:12px;
}

#instructions p{
line-height:1.5em;
margin:0;
padding:0 12px;
}

#preview_wrap{
width:800px;
margin:20px auto 0 auto;
}

#preview_panel{
width:360px;
margin:auto;
}

#panel_wrap{
width:360px;
float:left;
}

#colorswatches{
width:420px;
float:right;
}

#colorswatches p{
font-size:11px;
margin:0;
padding:0;
line-height:1.5em;
}

#selections{
float:left;
font-size:11px;
margin:5px 0;
line-height:1.25em;
}

.select_h{
color:#F16F97;
text-transform:uppercase;
font-weight:bold;
font-size:10px;
letter-spacing:0.1em;
font-family:Trebuchet MS, Lucida Grande, Tahoma, Arial, sans-serif;
}


.swatch_wrap{
width:420px;
margin:0 auto;
}

.swatch_row{
width:420px;
float:left;
}

.swatch_pod{
width:167px;
float:left;
padding:10px 0;
text-align: center;
}

.swatch_gh{
margin:15px auto 0;
padding-bottom:5px;
text-align:left;
}

.swatch{
cursor:pointer;
}

.swatch_table th{
padding:0 0 10px 0;
}

#backing_layer{
float:left;
width:360px;
height:504px;
background:no-repeat center center;
}

#printed_panel_wrap{
width:324px;
margin:18.5px auto;
}
			
#printed_panel{
width:324px;
height:468px;
float:left;
background:no-repeat center center;
}

#bottom_color{
position:relative;
top:0;
background:no-repeat center center;
}
				
#middle_color{
position:relative;
top:-468px;
background:no-repeat center center;
}

#top_color{
background:no-repeat center center;
position:relative;
top:-936px;
}

#backingInfo{
text-transform: capitalize;
}