@CHARSET "ISO-8859-1";
/*
 * Shopalot Sample for DoJo Toolkit Tutorial
 * Author: Boris Fritscher
 * Date: Jan. 2007
 *
 * This file is the stylesheet for the website
 *
 */

html, body {
	height: 100%;  /* make the body expand to fill the visible window */
	width: 100%;
	overflow: hidden; /* erase window level scrollbars */
	margin: 0;
	padding: 0;
	font-size:14px;
	font-family: "Verdana", serif;
	background-color:#f7f7f7;
}
/* Dojo LayoutContainer */
#main {
	width: 960px;
	height: 100%;
	margin: 0px auto 0px auto;
	padding: 0 15px 0 15px;
	background-color:#fff;
}
/* Some style for the rounded divs */
#top {
	color: #fff;
	background: #237ee5 url('images/br.png') bottom right no-repeat;
}

#top div {
	height: 120px;
	padding: 10px 20px 0 10px;
	background: transparent url('images/bl.png') bottom left no-repeat;
}
/* Some style for the rounded divs */
#bottom {
	background: #237ee5 url('images/tr.png') top right no-repeat;
	color: #fff;
	font-size: 10px;
}

#bottom div{
	padding: 5px 20px 5px 20px;
	background: transparent url('images/tl.png') top left no-repeat;
	text-align: right;
}
#bottom div span{
	float: left;
}
/* the menu */
#left{
	width: 150px;
	padding: 20px 0 0 0;
}

#left a{
	text-decoration: none;
	color: #fff;
}
/* Some style for the rounded divs */
.box_top{
	background: #237ee5 url('images/tr.png') top right no-repeat;
}
.box_top div{
	background: transparent url('images/tl.png') top left no-repeat;
	color: #fff;
	text-align: center;
	font-weight: bold;
	height: 20px;

}
/* Some style for the rounded divs */
.box_bottom{
	background: #237ee5 url('images/br.png') bottom right no-repeat;
}
.box_bottom div{
	background: transparent url('images/bl.png') bottom left no-repeat;
	color: #fff;
	text-align: center;
	font-weight: bold;
	height: 20px;
}
/* Menu content */
#menu_content{
	background-color: #bfddff;
	height: 300px;
	padding: 10px 0 10px 0;
}

#menu_content ul{
	list-style-type: none;
	margin: 0;
	padding: 5px 10px 5px 10px;
}
#menu_content ul li{
	padding: 0px 0px 5px 0px;
}

#menu_content a{
	display: block;
	text-decoration: none;
	background-color: #237ee5;
	color: #fefefe;
	padding: 5px 20px 5px 20px;
	margin: 0 0 10px 0;
	font-weight: bold;
}

#menu_content a:hover{
	background-color: #fdfdfd;
	color: #237ee5;
}

#menu_content img{
	border: 1px solid #237ee5;
	display: block;
	margin: auto;
}
#totalRow{
	padding: 0 10px 0 10px;
	border-top: 1px solid #fdfdfd;
	font-weight: bold;
}

/* center pane content*/
#contentPane {
	margin: 20px 0 20px 20px;
}

#content{
	background-color: #bfddff;
	height: 600px;
	border-right: 1px solid #237ee5;
	border-left: 1px solid #237ee5;
}
/* help dialog box */
.dojoDialog {
	background-color : #eee;
	border : 1px solid #999;
	padding: 0 0 10px 0;
}

.dojoDialog h1 {
	background-color : #999;
	color: #fff;
	font-weight: bold;
	font-size: 14pt;
	margin: 0;
	padding: 10px;

}
/* Checkout form styling */
span.invalid, span.missing {
	display: inline;
	margin-left: 1em;
	font-weight: bold;
	font-style: italic;
	font-family: Arial, Verdana, sans-serif;
	color: #f66;
	font-size: 0.9em;
}

.errorMessage {
	font-weight:bold;
	font-family:Arial, Verdana, sans-serif;
	color:#ff0000;
	font-size:0.9em;
}
.warningMessage {
	font-weight:bold;
	font-family:Arial, Verdana, sans-serif;
	color:#ff9900;
	font-size:0.9em;
}
.noticeMessage {
	font-weight: normal;
	font-family:Arial, Verdana, sans-serif;
	color:#663;
	font-size:0.9em;
}

body .dojoValidateEmpty{
	background-color: #fff;
}

#myForm h1{
	background-color:  #237ee5;
	color: #fff;
	margin: 0 0 20px 0;
	padding: 0 10px 5px 10px;
	font-size: 16px;
}

#myForm{
	background-color: #fdfdfd;
	margin: auto;
	height: 100%;
	border: 1px solid #237ee5;
	overflow: auto;
}

#myForm .formFrame{
	padding: 0 20px 20px 20px;
}

#myForm .formRow{
	margin: 5px;
}

#myForm input{
	width: 20em;
}

#myForm label{
	display: block;
	font-weight: bold;
}

/* Catalog */
#catalog{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#catalog li{
	padding: 5px;
	margin: 10px 20px 10px 0;
	float: left;
	width: 150px;
	height: 150px;
	background-color: #fff;
	border: 1px solid #237ee5;
	text-align: center;
}

/* checkout item list styling */
.itemRow {
	text-align: right;
	border-bottom: 1px solid #237ee5;
	height: 50px;
}

.itemHeader{
	text-align: right;
	font-weight: bold;
	border-bottom: 1px solid #237ee5;
}

.itemAltRow{
	background-color: #bfddff;
}

.itemRow div, .itemHeader div{
	float:left;
	padding-left: 150px;
}
.itemHeader span{
	margin-left: -150px;
	float:left;
}

.itemRow img{
	height: 50px;
	margin-left: -150px;
	float:left;
}