@charset "utf-8";

/* login page */

#login_container {
	width: 500px;
	margin: auto 0;
	padding: 20px 0;
	text-align: right;
}

#login_container li {
	list-style-type: none;	
}



/* infobar */

#infobar {
	width: 945px;
	padding: 20px 15px 0 0;
	text-align: right;
}

#infobar a {
	color: #333333;
}

#infobar a:hover {
	color: #666666;
}



/* gallery pages */

.img_border {
	float: left;
	width: 200px;
	margin: 10px 0 30px 10px;
	padding: 5px;
	border: 1px solid #999999;
	text-align: center;
}

#page_numbers {
	padding: 10px 0 20px 0;
	text-align: center;
}



/* image preview page */

#large_img {
	background: #262424;
	margin: 10px 0 20px 0;
	padding: 50px 50px;
	float: left;

}

#large_img .caption {
	font-size: 16px;
	text-align: center;
	color: #FFFFFF;
	margin: 10px;
}

#large_img .caption a {
	color: #FFFFFF;
	text-decoration: underline;
}



/* print/size selection panels (large image preview page) */

#print_options {
    float: left;
	width: 220px;
	padding: 15px 20px 25px 15px;
	border: 1px solid #999999;
	text-align: left;
	background: #FFFFFF;
}

#print_options h1 {
	margin: 0;
	padding: 3px 0 5px 0;
	font-size: 12px;
	font-weight: bold;
}

#print_options h2 {
	margin: 0;
	padding: 3px 0 3px 0;
	font-size: 11px;
	font-weight: bold;
}

#current_selections {
	float: right; /* current selections panel always floats to the right of the print options panel */
	width: 600px;
	padding: 15px 15px 25px 15px;
	border: 1px solid #999999;
	text-align: left;
	background: #FFFFFF;
}

#current_selections h1 {
	margin: 0;
	padding: 3px 0 5px 0;
	font-size: 12px;
	font-weight: bold;
}

#current_selections h2 {
	margin: 0;
	padding: 3px 0 3px 0;
	font-size: 11px;
	font-weight: bold;
}



/* basket page */

#basket_item {
	width: 900px;
	margin: 10px 0 10px 0;
	padding: 20px 20px 30px 20px;
	border: 1px solid #999999;
	text-align: left;
}

.preview_img {
	float: left; /* floats image panel to the left */
	width: 70px;
	margin: 0;
	padding: 5px;
	border: 1px solid #999999;
	text-align: center;
}

#print_selections {
	margin: 0 0 0 100px; /* left margin prevents overlap between the print selection and preview image panels */
}

#print_selections h2 {
	font-size: 12px;
	font-weight: bold;
	color: #444444;
	margin: 0;
	padding: 0 0 10px 0;
}

.order_total {
	font-size: 20px;
}



/* miscellenaneous content styling */

.form_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #202020;
}

table {
        border-collapse: collapse;
        margin: 0;
        padding: 0;
}

th {
	text-align: left;
}



/* end of CSS document */