body, html, table {
	padding: 0px;
	margin: 0px;
	font-family: 'Lucida Grande', Tahoma, sans-serif;
	font-size: 11px;
}

a,
a:link,
a:visited,
a:hover {
	color: #b38400;
}

h1,
h2,
h3,
h4,
h5 {
	margin-top: 0px;
}

.form-label {
	width: 150px;
	font-weight: bold;
	float: left;
}

.form-input {
	float: left;
}

.clearfloat {
	clear: both;
	display: block;
}

.form-row {
	padding: 2px;
}

.form-submit {
	margin-top: 15px;
	border: solid 2px #BBB;
	text-align: right;
	background: #BBB;
	padding: 5px;
}

input,
select,
textarea {
	font-family: "Lucida Grande", Tahoma, sans-serif;
	font-size: 11px;
}

#sys-message {
	padding: 6px 12px;
	font-weight: bold;
	background-color: #D6FFD6;
	border: 1px solid #71DD71;
	color: #018D01;
	margin-bottom: 15px;
	font-size: 12px;
}

th {
	text-align: left;
}

.row-even,
.row-even td {
	background-color: none;
	border-bottom: solid 1px #bfc7e3;
}
.row-odd, 
.row-odd td {
	background-color: #FFF;
	border-bottom: solid 1px #bfc7e3;
}


/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	min-height: 400px;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}

/* 2 Column (left menu) settings */
.leftmenu {
	background:#fff;		/* right column background colour */
}
.leftmenu .colleft {
	right:75%;			/* right column width */
	background: #f4f4f4 url(/images/pixel.gif) top right repeat-y;	/* left column background colour */
	padding-right: -1px;
	min-height: 400px;
}
.leftmenu .col1 {
	width:71%;			/* right column content width */
	left:102%;			/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:25%;			/* left column content width (column width minus left and right padding) */
	left:4%;			/* (right column left and right padding) plus (left column left padding) */
}

.col1 {
	padding-top: 10px;
}
.left-column-section,
.left-column-section-current {
	padding: 10px 15px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: solid 1px #CCC;
	right: -2px;
}

.left-column-section-current {
	background-color: #FFF;
	border-right: solid 1px #FFF;
}

.left-column-section a,
.left-column-section-current a {
	text-decoration: none;
}

ul.left-column-subnav {
	display: none;
	margin: 5px 10px 0px;
	padding: 0px;
	font-size: 80%;
}

ul.left-column-subnav li {
	list-style-type: none;
	padding: 3px 0px;
}

ul.left-column-subnav li:before {
	content: '- ';
}

#header {
	background-color: #f4f4f4;
	padding: 15px 15px;
	border-bottom: solid 3px #CCC;
}

#header h1 {
	margin: 0px;
}

#footer {
	border-top: solid 3px #CCC;
	display: block;
	clear: both;
}

.system-msg-errors {
	margin: 0 0 16px 8px;
	border-width: 1px;
	border-style: solid;
	padding: 12px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #FFEBE8;
	border-color: #CC0000;
	color: #7A2D2D;
}

.system-msg-success {
	margin: 0 0 16px 8px;
	border-width: 1px;
	border-style: solid;
	padding: 12px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #D6FFDD;
	border-color: #64CB75;
	color: #126320;
}

.ajax-destroy {
	color: #CCFF00;
	font-weight: bold;
	color: #CD5B5B;
	padding: 10px;
}

/* BEGIN : table sorter styles */
.sortable {border:1px solid #ccc; border-bottom:none}
.sortable th {padding:4px 6px 6px; background:#CCCACA; color:#444; text-align:left;}
.sortable td {padding:2px 4px 4px; background:#fff; border-bottom:1px solid #ccc}
.sortable .head {background:#CCCACA url(/images/sort.gif) 6px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc {background:#f2f2f2 url(/images/desc.gif) 6px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc {background:#f2f2f2 url(/images/asc.gif) 6px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#000}
.sortable .even td {background:#f2f2f2}
.sortable .odd td {background:#fff}
/* END : table sorter styles */

.audiofile-edit,
.image-edit {
	margin-bottom: 10px;
	width: 300px;
	border: solid 1px #CCC;
	padding: 10px;
	text-align: center;
}

.image-edit img {
	clear: both;
	border: solid 1px #CCC;
	padding: 4px;
}
.input-description{ 
	float: left; 
	font-weight: bold; 
	width: 140px; 
	margin-bottom: 5px; 
	padding-top: 5px;
}

.input-item{
	float: left; 
	margin-bottom: 5px;
}

a.attachment-delete {
	color: #CC0000;
	margin: 5px 0px;
	display: block;
}
.input-item input[type=text], 
.input-item input[type=password], 
.input-item input[type=textarea] {
	width: 196px;
	padding: 3px;
}

.clearboth {
	clear: both
}

table.products-list {
	width: 100%;
	line-height: 200%;
	border-spacing: 0px;
}

table.products-list th {
	font-weight: bold;
	background-color: #eee;
}

table.products-list td,
table.products-list th {
	border-bottom: solid 1px #CCC;
}

table.products-list td.actions {
	text-align: center;
}

table.products-list tr.alt {
	background-color: #f8f8f8;
}

.store-logo-thumbnail img,
.product-thumbnail img {
	margin: 0px 0px 5px 0px;
	border: solid 1px #CCC;
	padding: 5px;
}

.product-thumbnail {
	float: left;
}

.farbtastic-selected {
	border: solid 3px black;
}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}