* { margin: 0; padding: 0; }

body {
	background: url(../img/container_bg.gif);
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}

#container {
	width: 900px;
	margin: 0 auto;
	padding-top: 170px;
	background: url(../img/head-shop.png) no-repeat left top;
}

#header { padding: 10px; }

#flashMessage { background-color: #6C6; color: #000; font-weight: bold; padding: 10px; }

#left {
	width: 650px;
	float: left;
	background: #FFF;
	padding: 20px;
	border: 1px solid #C7C7C7;
	min-height: 400px;
}

#right {
	width: 200px;
	float: right;
	background: #E7E7E7;
	border: 1px solid #C7C7C7;
	border-top: none;
}

a { color: #060; font-weight: bold; }

#right a {
	display: block; padding: 10px; border-top: 1px solid #C7C7C7; border-bottom: none; text-transform: uppercase; color: #333; font-weight: bold; text-decoration: none;
}

#right a.users { background: url(../img/icons/group.png) no-repeat 10px center; padding-left: 35px; }
#right a.suppliers { background: url(../img/icons/lorry.png) no-repeat 10px center; padding-left: 35px; }
#right a.orders { background: url(../img/icons/report.png) no-repeat 10px center; padding-left: 35px; }
#right a.logout { background: url(../img/icons/door_out.png) no-repeat 10px center; padding-left: 35px; }
#right a.home { background: url(../img/icons/house.png) no-repeat 10px center; padding-left: 35px; }
#right a.downloads { background: url(../img/icons/drive_go.png) no-repeat 10px center; padding-left: 35px; }
a.lorry { background: url(../img/icons/lorry.png) no-repeat 10px center; padding: 10px; padding-left: 35px; display: inline-block; }
a.back { background: url(../img/icons/arrow_left.png) no-repeat 10px center; padding: 10px; padding-left: 35px; display: inline-block; }
a.add { background: url(../img/icons/add.png) no-repeat 10px center; padding: 10px; padding-left: 35px; display: inline-block; }

p { padding-bottom: 10px; line-height: 1.5em; }
h2 { margin-bottom: 10px; }
td, th { vertical-align: top; padding: 5px; text-align: left; border: 1px solid #666; border-right: none; border-bottom: none; }
table { border: 1px solid #666; border-top: none; border-left: none; }
th { background: #999; }

label { width: 150px; display: block; float: left; padding-top: 5px; }
input, select { padding: 2px; font-size: 11px; margin: 5px 0; }

div.text input, div.password input { width: 200px; }

img { border: 0; }


#loginbox { padding-bottom: 20px; border-top: 1px solid #C7C7C7; }
#loginbox h3 {
	display: block; padding: 10px; border-bottom: 1px solid #666; text-transform: uppercase; color: #333; font-weight: bold;
	background: url(../img/icons/door_in.png) no-repeat 170px center; margin-bottom: 10px;
}

#loginbox input { width: 120px; }
#loginbox div { margin: 0 20px; }
#loginbox a { display: inline-block; padding: 5px 10px; font-weight: bold; text-decoration: none; text-transform: none; border: none; }


div.error-message, #authMessage { padding-left: 150px; font-weight: bold; color: #900; font-size: 10px; }

/* BOXES */
.box
{
	border: 1px solid #999999;
	margin-bottom: 10px;
}

.box .box_head
{
	font-weight: bold;
	padding: 5px;
	margin: 0;
	border-bottom: 1px solid #999999;
	background: #FFFFFF url(../img/box_head_bg.gif) repeat-x left top;
}

.box .box_content
{
	padding: 10px;
}