body
{
	background-color: #f0f0f0;
	background-image: url(../Images/page_background.png);
	background-repeat: repeat-y;
	background-position: center top;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	height: 100%;
	margin: 0;
	padding: 0;
}

form
{
	margin: 0px;
	padding: 0px;
}

img
{
	border-style: none;
}

.clear
{
	clear: both;
}

input.button
{
	background-color: #D9D9D9;
	border-top: solid 1px #B2B2B2;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-left: solid 1px #B2B2B2;	
	font-weight: bold;
}

.field-validation-error
{
	color: red;
}

/** Page Layout **/

#page
{
	text-align: center;
	width: 770px;
	background-color: #fff;
	margin: auto;
	text-align: left;
}

#page-header
{
	background-color: #000;
	margin: auto;
	text-align: left;
	overflow: hidden;
}

#page-content
{
	padding: 10px;
}

table.main-panel
{
	float: left;
	width: 480px;
}

table.side-panel
{
	float: right;
	width: 270px;
}

/** Steps **/

#steps
{
	font-size: 1.8em;
	color: #acacac;
	font-weight: bold;
	padding-bottom: 1em;
}

#steps .separator
{
	float: left;
	margin: 0 0.5em;
}

#steps .step
{
	float: left;
	height: 55px;
}

#steps .current
{
	background-image: url(../Images/selected_step_marker.png );
	background-position: center bottom;
	background-repeat: no-repeat;
	color: #000000;
}

#step-info
{
	margin-bottom: 10px;
}

#step-info table
{
	width: 100%;
}

#step-info table td
{
	color: #777777;
	font-weight: bold;
	font-size: 1.3em;
}

/** Price list **/

#price-list 
{
	border-collapse: collapse;
	width: 100%;
}

#price-list td
{
	border-bottom: solid 1px #cccccc;
	padding: 5px;
}

#price-list .total td
{
	font-weight: bold;
	background-color: #eeeeee;
}




#proceed-container
{
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: center;
}	



/* Step: Start */

#products table
{
	font-family: verdana,arial,sans-serif;
	float: left;
	margin: 5px;
	width: 240px;
}

#products table td
{
	text-align: center;
}

#products table .product-name
{
	font-size: 12px;
	font-weight: bold;
	color: #6d6d6d;
	margin: 4px 0 8px 0;
}

#products table .product-description
{
	margin-top: 8px;
}

#products table .product-price
{
	margin-top: 15px;
	font-weight: bold;
}

#products table .product-price span
{
	font-family: trebuchet ms,helvetica,sans-serif;
	line-height: 30px;
	font-size: 19px;
	color: #fc0303;
	display: block;
}

#products input.button
{
	margin-top: 8px;
}

/* Step: Choose size and material */
.product-name
{
	display: block;
	color: #6d6d6d;	
	margin-bottom: 10px;
	font-size: 26px;
	font-weight: bold;
	font-family: arial,helvetica,sans-serif;
}

#attributes-container
{
	margin-top: 20px;
}

/* Step: Choose file */

#choose-file-label
{
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	color: #EF3D21;
	margin-bottom: 0.3em;
}

#upload-loader
{
	height: 32px;
	line-height: 32px;
	padding-left: 40px;
	font-size: 16px;
	background-repeat: no-repeat;
	margin: 10px 0;
}

#file
{
	width: 100%;
}

#choose-file-help-text
{
	margin-top: 10px;
	font-weight: bold;
}

#choose-file-error-text .field-validation-error
{
	display: block;
	margin-top: 10px;
	font-weight: bold;
}

/* Step: Crop */

#preview-container
{
	margin: auto;
	overflow: hidden;
	display: none;
}

#preview-new-image
{
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}

#cropped-image-container,
#style-preview-container
{
	text-align: center;
}

.crop-preview-room
{
	background-image:url(../Images/room_background.png);
	background-image: red;
	width: 724px;
	height: 330px;
	text-align: center;
	position: relative;
	background-color: #f0f0f0;
}

.crop-preview-room-padding
{
	padding-top: 5px;
}

.crop-preview-room-frame
{
	margin: auto;	
}

.crop-preview-room-settings
{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 68px;
	padding: 3px;
	background-color: #fff;
	text-align: left;
}

.crop-preview-room-settings label
{
	display: block;
	font-weight: bold;
}

.frame-preview,
.wallpaper-preview
{
	width: 15px;
	height: 15px;
	overflow: hidden;
	background-repeat:repeat-x;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
	cursor: pointer;
}

.selected-frame-preview,
.selected-wallpaper-preview
{
	border: solid 1px #ff0000;
}

/** Step: Order **/
#user-information
{
	border-collapse: collapse;
	width: 100%;
}

#user-information td
{
	padding: 5px;
}

#user-information .label
{
	text-align: right;
	font-weight: bold;
	width: 130px;
}

#user-information textarea
{
	height: 100px;
}

#payment-method
{
	margin-top: 20px;
}

#payment-method-invoice-personnummer
{
	margin-top: 10px;
	margin-left: 40px;
}

#payment-info
{
	margin-top: 10px; 
	padding: 10px; 
	border-top: solid 1px #333333; 
	font-weight: bold; 
	font-size: 12px; 
	text-align: center;
}

/** Content Shadow Box **/

.content-shadow-box
{
	border-collapse: collapse;
	float: left;
}

.content-shadow-box td
{
	padding: 0;
}

.content-shadow-box .top-left,
.content-shadow-box .top-right,
.content-shadow-box .bottom-left,
.content-shadow-box .bottom-right
{
	width: 10px; 
	height: 10px; 
	overflow: hidden; 
	background-repeat: no-repeat;
}

.content-shadow-box .top-left
{
	background-image: url('http://www.gallerina.se/pics/grids/2/FFFFFF/CDD3D6/corner_left_top.gif'); 
}

.content-shadow-box .top
{
	height: 10px;
	overflow: hidden; 
	background-image: url('http://www.gallerina.se/pics/grids/2/FFFFFF/CDD3D6/top_back.gif');
	background-repeat:repeat-x;
}

.content-shadow-box .top-right
{
	background-image: url('http://www.gallerina.se/pics/grids/2/FFFFFF/CDD3D6/corner_right_top.gif'); 
}

.content-shadow-box .left
{
	width: 10px;
	overflow: hidden; 
	background-image: url('http://www.gallerina.se/pics/grids/2/FFFFFF/CDD3D6/left_back.gif');
	background-repeat:repeat-y;
}

.content-shadow-box .right
{
	width: 10px;
	overflow: hidden; 
	background-image: url('http://www.gallerina.se/pics/grids/2/FFFFFF/CDD3D6/right_back.gif');
	background-repeat:repeat-y;
}

.content-shadow-box .bottom-left
{
	background-image: url('http://www.gallerina.se/pics/grids/2/FFFFFF/CDD3D6/corner_left_bottom.gif'); 
}

.content-shadow-box .bottom
{
	height: 10px;
	overflow: hidden; 
	background-image: url('http://www.gallerina.se/pics/grids/2/FFFFFF/CDD3D6/bottom_back.gif');
	background-repeat:repeat-x;
}

.content-shadow-box .bottom-right
{
	background-image: url('http://www.gallerina.se/pics/grids/2/FFFFFF/CDD3D6/corner_right_bottom.gif'); 
}