#content_wrap{
 position: relative;
}
    #content {
        position:relative;
        margin: 0 auto;
        width: 980px;
        min-height:450px;
        z-index:2;
        height: auto !important;
        height: 450px;
    }
    	#content #product{
    		float:left;
			margin:10px 0 0 0;
			width:60%;
    	}
        #content #upload{
            width: 74%;
            float:left;
            margin:10px 0;
            min-height:500px;
            height: auto !important;
            height:500px;
        }
             #content #upload .previous{
                overflow:visible;
                height: 40px;
                margin: 20px auto 15px 0;
                clear:both;

            }
                #content #upload  .img{
                    float:left;
                    height: 30px;
                    width: 45px;
                    margin: 0 15px 0 0;
                    overflow:hidden;
                    background:url("img/order.png") no-repeat;
                }
                #content #upload .previous a{
                    padding: 7px 0 0 0;
                    float:left;
                }
            #content #upload .photo_wrap, 
            #content #upload .photo_add, 
            #content #upload .photo_load,             
            #content #upload .photo_error{
                width: 140px;
                height: 175px;
                margin: 5px 1px;
                float:left;
                border: 1px solid #fff;
                text-align:center;
                
            }
            #content #upload .ui-selected, #content #upload .ui-selecting{
                border: 1px solid #DCDCDC;
                background: #fcfcfc;
            }
            #content #upload .badsize .photo .icon{
            	display: block;
              background: url('img/badsize.png'); 
              position: absolute; 
              width: 20px; 
              height: 50px; 
              bottom: 5px;
              left: 5px;
            }
            #content #upload .photo .icon{
            	display: none;
            }
            
            
            .ui-selectable-helper{
			    border:1px dotted #f04020;
			    background: #f15822;
			    opacity:0.6;
			    filter:alpha(opacity=60);
			}

            #content #upload .photo{
                margin: 0 auto;
                width: 140px;
                height: 140px;
                position: relative;
            }
            #content #upload .add{
                cursor:pointer;
            }
                #content #upload .add form{
                    filter: alpha(opacity = 0);
                    opacity:0;
                    position:absolute;
                    width:140px;
                    height:110px;
                }
                    #content #upload .add label{
                        width:130px;
                        height:130px;
                        display:block;
                    }
                    #content #upload .add input.uploadfileinput{
                        font-size:6em;
                        line-height:6em;
                        position:relative;
                        left:-12em;
                        cursor:pointer;
                        opacity: 0;
                        filter: alpha(opacity=0);
                        
                    }
                    #content #upload .add input[type=submit]{
                        display:none;
                    }
            #content #upload .empty{
                width: 136px;
                height:106px;
                margin:35px auto 0;
                background:url("img/empty.png") left top no-repeat;
                overflow:hidden;
                position:relative;
            }
                #content #upload .empty .title{
                    font-size: 12px;
                    white-space:nowrap;
                    overflow:hidden;
		    width: 120px;
                    margin: 7px auto 0;
		    

                }
                #content #upload .add .title{
                    font-size: 12px;
                    text-align:left;
                    font-style:italic;
                    margin: 0 auto;
                    padding-top: 10px;

                    

                }
                #content #upload .add img{
                    margin: -12px 7px 0 auto;
                    float:right;
                }
                #content #upload .empty .loading{
                    margin: 0 auto;
                    font-size: 11px;
                }
                    #content #upload .empty .loading img{
                        border:none;
                        margin:5px;
                    }

               #content #upload .empty .waiting{
                    margin: 0 auto;
                    font-size: 11px;
                       
                }
                    #content #upload .empty .waiting img{
                        border:none;
                        margin:5px;
                    }
                #content #upload .photo_wrap .options{
                    font-size: 11px;
                    text-align:left;
                    margin: 0 4px;
                   	color: #dcdcdc;
                    height: 25px;
                }

                #content #upload .selected .options{

                    
                }
                    #content #upload .photo_wrap .options a{
                        float:right;
                        width: 11px;
                        height: 11px;
                        overflow:hidden;
                        margin: 0 3px 0 0;
                        background: url("img/del.png") 0 0 no-repeat;

                    }
                    #content #upload .photo_wrap .options a:hover{
                        background-position: left -11px;
                    }

                    #content #upload .photo_wrap:hover .options a{
                    	background-position: left -11px;

                    }
                    #content #upload .photo_wrap:hover .options .options_txt,                    
                    #content #upload .ui-selected .options  .options_txt,
                    #content #upload .ui-selecting .options  .options_txt{
                    	 color: #455560;
                    }
                    	#content #upload .photo_wrap .options .options_txt{
                    		float:left;
							width:116px;
						

                    	}

        #content #upload.plain_text{
            text-align:justify;
            margin: 0;
        }


        #content #cart, #content #cart.text{
            width: 25%;
            float:right;
            text-align: left;
        }
        
            #cart.text h4{
                padding: 10px 0 0 0;
            }
            #content #cart #order_price{
                border-bottom:1px solid #dcdcdc;
                float: left;
                width: 100%;
            }
            #content #cart #order_price #all{
                color:#32434E;
                font-size:13pt;
                padding-top:17px;
                float: left;
            }
            #content #cart #order_price #price{
                color:#66bc29;
                font-size:36px;
                line-height:42px;
                float: right;
            }
            #content #cart #order_price #sum{
                float: left;
            }
            #content #cart #order_price #coins{
                font-size:19px;
                float:left;
                line-height:27px;
            }
            #content #cart #order_price #grn{
                color: #768289;
                float:left;
                font-size:23px;
                margin: 15px 0 0 3px;
                line-height:100%;
            }
            #content #cart #count{
                color: #a3a3a3;
                font-size: 13px;
                clear:both;
                line-height:25px;
                margin: 0 0 0 10px;
            }
                #content #cart #count .num{
                    font-size: 17px;
                    color: #444;
                }
            #content #cart #order_delivery{
                color:#162732;
                font-size: 13px;
                margin: 5px 0 0 10px;
            }
            #content #cart #offer{
                background:#fcfcfc;
                color:#162732;
                font-size:15px;
                padding: 5px 10px;
                margin: 10px 0;
                font-weight:bold;
            }

            #content #cart .button, .button{
                margin:5px auto;
                text-align:center;
                height: 60px;
                width: 217px;
                background:url('img/potpourri.png') -1321px 0 no-repeat;
                color: #fff;
                font-size: 20px;
                line-height:45px;
                cursor:pointer;
            }
                #content .download{
                    width: 363px;
                    height: 91px;
                    font-size: 35px;
                    line-height: 75px;
                    background:url('img/down.png') 0 0 no-repeat;
                }

.tips.side {

border-left:1px solid #DCDCDC;
color:#888888;
font-size:13px;
line-height:150%;
margin:20px 0 0;
padding: 0 10px;
position:absolute;
right:0;
text-align:left;
top:200px;
width:230px;
z-index:1;
}
.tips.top {
border-left:1px solid #DCDCDC;
color:#888888;
font-size:12px;
line-height:130%;
padding:0 10px;
margin:10px 0 5px;
}


        #photo_settings{
            position:absolute;            
            width: 250px;
            border-left: #dcdcdc 1px solid;
            right:0;
            top: 220px;
            text-align:left;
            margin: 20px 0 0 0;
			display:none;
			background:#fff;
			z-index:1;
        }
            #photo_settings .block_title{
                margin:0 0 0 10px;
            }
            #photo_settings .title{
                font-size:13px;
                color: #32434e;
                margin:10px 5px 0 10px;
            }
            #photo_settings .info{
                font-size: 12px;
                color: #bbb;
                margin: 0 0 0 10px;
            }
            #photo_settings .warning{
                font-size: 12px;
                color: #fff;
                background: #455560;
                font-weight: bold;
                margin: 3px 0 3px 10px;
                padding: 3px;
            }
            #photo_settings .opt{
                color: #32434e;
                font-size: 13px;
                margin: 7px 5px 0 10px;
                clear:both;
            }
                #photo_settings .opt .inline_label{
                    margin: 0 10px 0 0;
                }
                #photo_settings .opt .cursive{
                    font-size: 13px;
                    width:200px;
                    height: 50px;
                    overflow:auto;
                    font-style:italic;
                    font-family:Arial, Verdana, Helvetica, sans-serif;
                    clear:both;

                }
                #photo_settings .opt .comment_OK{
                    margin:5px 0 0 0;
                    padding: 0 10px;
                }


           #content .question{
               margin: 15px 0 5px 0;
               line-height: 150%;
           }

#bottom {
    position: relative;
    height: 220px;
    text-align: center; /* must be here because IE6 doesn't understand margin: 0 auto;*/
    clear:both;
}
    #bottom .left {
        background: #162732;
        position: absolute;
        left: 0;
        width: 50%;
        height: 100%;
    }
    #bottom .right {
        background: #455560;
        position: absolute;
        right: 0;
        width: 50%;
        height: 100%;
    }
    #bottom .center {
        background: #2e3f49 url('img/potpourri.png') 0 0 repeat-y;
        position: relative;
        text-align: left;
        width: 980px;
        height: 100%;
        margin:0 auto;
        color:#fff;

    }
        #bottom a:link.bottom_more, #bottom a:visited.bottom_more{
            color: #fff;
            text-decoration:underline;
            float:right;
            font-size:13px;
            margin:10px 10px 0 0;
        }
        #bottom a:hover.bottom_more, #bottom a:active.bottom_more{
            text-decoration: none;
        }

        #bottom ul{
            margin: 5px 10px;
        }
            #bottom ul li{
                margin: 5px 0 5px 10px;
            }
        #bottom .center .delivery{
            float:left;
            width: 40%;
        }
            #bottom .center .delivery .page_bottom{
                font-size:28px;
                font-weight:normal;
            }
            #bottom .center .delivery .page_bottom2{
                font-size:21px;
            }
        #bottom .center .checkout{
            float:left;
            width: 30%;
            
        }
           .page_bottom{
                font-size:28px;
                font-weight:normal;
               margin:10px 0 0 0;
               color: #fff;
            }
            #bottom .center .checkout .page_bottom2{
                font-size:14px;
            }

        #bottom .center .faq{
            float:right;
            width: 25%;
            margin: 0 10px 0 10px;
        }
            #bottom .center .faq h4.page_bottom{
                color:#fff;
                text-transform:uppercase;
                font-size:15px;
                font-weight:bold;
                margin: 10px 0 0 0;
            }
            #bottom .center .faq .page_bottom_text{
                font-size:13px;
            }
            #bottom .center .faq a:link.page_bottom_text,
            #bottom .center .faq a:visited.page_bottom_text{
                color: #fff;
                text-decoration: underline;
            }

            #bottom .center .faq a:active.page_bottom_text,
            #bottom .center .faq a:hover.page_bottom_text{
                text-decoration:none;
            }

        #bottom .center .line{
            border-left:1px solid #B7BDC1;
            float:right;
            height:80%;
            margin:20px 0 0;
            width:0;
        }


/*******************************************/
table .right{
    width: 30%;
}

table.answer{
    width:80%;
}

table.answer td{
    vertical-align:top;
}
table.answer td input, table.answer td textarea{
    width:100%;
}
    table.answer .leftcol{
        width: 200px;
        text-align:right;
        padding: 7px 5px 0 0;
    }
    
#photobook_cover option{
	padding:5px;
	color:#fff;
}


#top .steps{
 margin:0 0 0 0;
 clear: right;
 height: 10px;
!width: 690px;
}

#top .steps .step:link,
#top .steps .step:hover,
#top .steps .step:visited,
#top .steps .step:active, 
#top .steps .step {
	float: left;
	font-size: 15px;
	font-weight: bold;
	color: #444;
	margin: 0 10px;
	text-transform:lowercase;
	text-decoration: none;
}

#top .steps .selected:link,
#top .steps .selected:hover,
#top .steps .selected:visited,
#top .steps .selected:active{
	color: #f04020;
}

#top .steps .passed:link,
#top .steps .passed:hover,
#top .steps .passed:visited,
#top .steps .passed:active{
color: #f8ae96;}

.close_button{
	z-index:56;
}