/* CSS Document */
body{
	margin: 0px;
	padding: 0px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	height:100%;
	}

img{
	border:0;
	}

form{
	margin:0;
	padding:0;
	}

h1{
	font-size:16px;
	color:#990000;
	margin:0;
	}

h3{
	font-size:16px;
	color:#333333;
	border-bottom:1px dotted #CCCCCC;
	margin:5px 0px;
	padding:5px 0px;
	}

/*The website layout definition*/
#frame-container{
	position:relative;
	margin:0px auto;
	height:100%;
	background-color:#FFFFFF;
	text-align:left;
	min-width:1000px;
	}

#frame-top{
	position:relative;
	top:0;
	left:0;
	text-align:left;
	background:url(/images/storefront/bg-top.jpg) repeat-x top;
	}

#frame-menu{
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#006699;
	background-color:#FFCC00;
	padding:10px;
	}

#frame-menu a{
	text-decoration:none;
	color:#000099;
	margin-left:20px;
	padding:3px 5px;
	border-left:2px solid #FFCC00;
	}

#frame-menu a:hover{
	background-color:#000099;
	color:#FFFFFF;
	padding:3px 5px;
	border-left:2px solid #FF0000;
	}

#frame-body{
	padding:0;
	text-align:left;
	overflow:visible;
	background-color:#FFFFFF;
	vertical-align:top;
	margin-top:10px;
	}

#frame-left{
	width:160px;
	float:left;
	clear:none;
	margin:0;
	vertical-align:top;
	}

.frame-left-section{
	background-color:#000066;
	margin-bottom:10px;
	}

.frame-left-section h1{
	font-size:14px;
	padding:5px;
	background-color:#FFCC00;
	color:#000099;
	}

.frame-left-section a{
	text-decoration:none;
	display:block;
	border-bottom:1px dotted #EAEAEA;
	padding:5px;
	color:#FFFFFF;
	}

.frame-left-section a:hover{
	background-color:#CCCCCC;
	color:#000000;
	}


#frame-right{
	width:160px;
	float:right;
	top:0px;
}

.frame-right-section{
	background-color:#000066;
	margin-bottom:10px;
	color:#FFFFFF;
	}

.frame-right-section h1{
	font-size:14px;
	padding:5px;
	background-color:#FFCC00;
	color:#000099;
	}

.frame-right-section a{
	display:block;
	padding:2px;
	color:#FFCC00;
	}

.frame-right-section a:hover{
	color:#FFFF00;
	}

.frame-right-section input{
	width:90%;
	}


#frame-center{
	margin-left:180px;
	margin-right:180px;
	width:auto;
	}

.spacer{
	height:0px;
	clear:both;
	}

#frame-footer{
	clear:left;
	height:40px;
	padding:5px 0px 5px 0px;
	font-size:9px;
	color:#666666;
	line-height:15px;
	clear:left;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

#frame-footer a{
	text-decoration:none;
	color:#666666;
	margin:5px 10px;
	}

#frame-footer a:hover{
	text-decoration:underline;
	}
	

/*For layout of other pages */

.form-label{
	text-align:right;
	vertical-align:top;
	}

.textfield-large{
	width:300px;
	}

.textarea-large{
	width:300px;
	height:120px;
	overflow:auto;
	}

.box-inner{
	padding:10px;
	}

.breadcrumb{
	padding:5px;
	}

.breadcrumb a{
	color:#333333;
	}

.breadcrumb a:hover{
	color:#CC0000;
	}

.list-row{
	width:48%;
	margin-left:1%;
	float:left;
	border-bottom:1px dotted #CCCCCC;
	height:160px;
	vertical-align:top;
	font-size:11px;
	}

.list-image{
	width:80px;
	float:right;
	}

.list-title{
	font-weight:bold;
	color:#000066;
	}

.list-title a{
	text-decoration:none;
	color:#000066;
	}

.list-title a:hover{
	text-decoration:underline;
	color:#CC0000;
	}

.list-price{
	color:#CC0000;
	}

.list-button{
	padding:2px 5px;
	border:1px outset #666666;
	}

.list-button a{
	text-decoration:none;
	color:#333333;
	}

.detail-button{
	padding:3px 5px;
	border:1px outset #666666;
	background-color:#990000;
	}

.detail-button a{
	text-decoration:none;
	color:#FFFFFF;
	}

.detail-button a:hover{
	color:#FFFF00;
	}

.media-list{
	float:right;
	width:180px;
	}

.list-table{
	width:100%;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	}

.list-table th{
	background-color:#CCCCCC;
	padding:5px;
	}

.list-table td{
	padding:5px;
	border:1px solid #EAEAEA;
	}