body {
	background-color: #FFF;
	margin: 0 auto; 
	padding: 0;
	color: #333;
	line-height: 160%;
}
body, td {
	font-family: helvetica, arial, sans-serif;
}
form {
	padding:0;margin:0;display:inline;
}
img {
	behavior: url('/fx-iepngfix.htc');
}

div.page, div.page_admin_bar {
	max-width: 990px;
	min-width: 700px;
	margin: 0 auto;
}

div.header, div.messages, div.content, div.debug {
	margin: 0 20px;
}

div.header, div.messages {
	margin-top: 20px;
}

div.debug {
	margin-top: 200px;
}

.label {
	color: #888;
}
td {
	vertical-align: top;
}
td.center {
	text-align: center;
}
td.label {
	text-align: right;
	padding: 0 10px 10px 0;
	white-space: nowrap;
	vertical-align: top;
	color: #888;
}
td.data {
	padding: 0 0 10px 0;
}
th {
	font-weight: normal;
	padding: 0 10px 10px 0;
	color: #888;
	text-align: left;
	vertical-align: bottom;
	white-space: nowrap;
}

.wide {
	width: 99%;
}

h1 {
	font-size: 220%;
	line-height: 140%;
}
h2, input.h2 {
	font-size: 140%;
	line-height: 160%;
	font-weight: bold;
}

div.breadcrumbs {
	margin: 1em 0;
}
.last_breadcrumb {
	font-size: 100%;
	color: #333;
}

	



div.messages {
	text-align: center;
}

.error {
	color: #B00;
}
.success {
	color: #0A0;
}
.warning {
	color: #D90;
}
.note {
	color: #888;
}
.caption, .count {
	color: #888;
	font-size: 80%;
}
.disabled {
	color: #BBB;
}

.icon {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: bottom left;
}

.nowrap {
	white-space: nowrap;
}


table.center {
	margin-left: auto;
	margin-right: auto;
}


/* general layout */

div.main_menu, ul.main_menu {
	overflow: auto;
	height: 100%;
}

div.footer {
	clear: both;
}

/* columns ----- */
/* note sizes are done dynamically in header ----- */
div.column_top {
	margin-bottom: 20px;
}
div.column_left {
	float: left;
}
div.column_right {
	float: right;
}
div.column_middle_pad_left {
	border-left: 1px solid #EEE;
	padding-left: 20px;
}
div.column_middle_pad_right {
	border-right: 1px solid #EEE;
	padding-right: 20px;
}
div.column_bottom {
	clear: both;
	margin-top: 20px;
}


/* index items */
div.page_index {
	overflow: auto;
}
div.index_item {
	margin-bottom: 2em;
	
}
div.index_item h3 {
	margin: 0;
}
div.index_item p {
	margin: 0;
}

div.index_item_1column {
	clear: both;
}

div.index_item_col1 {
	width: 48%;
	float: left;
	clear: both;
}
div.index_item_col2 {
	width: 48%;
	float: right;
}


div.index_item_thumbs {
	float: left;
	margin: 0 20px 20px 0;
	text-align: center;
}
div.index_item_thumbs p, div.index_item_thumbs h3 {
	text-overflow: ellipsis;	
	overflow:hidden;
	white-space: nowrap;
}
div.index_item_thumbs h3 {
	font-size: 100%;
	text-align: center;
}
div.index_item_thumbs div.image {
	margin: 0 auto;
	text-align: center;
	vertical-align: bottom;
}

div.index_item_no_image div.text {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* pagination */

ul.pagination {
	list-style: none;
	clear: both;
	margin: 0;
	padding: 1px;
	overflow: auto;
}
ul.pagination li {
	float: left;
}	
ul.pagination a {
	padding: 2px 7px;
	display: block;
}
ul.pagination li.label {
	padding: 2px 7px 2px 0 ;
}
ul.pagination li.next {
	padding: 2px 0 2px 7px;	
}
ul.pagination li.sel {
	background-color: #AAA;
}
ul.pagination li.sel a {
	color: #FFF;
	text-decoration: none;
}


/* page_password_form */

form.page_password_form {
	width: 300px;
	margin: 20px auto;
	display: block;
}


/* help box */

div.help_box {
	border: 1px solid #AAA;
	background-color: #EEE;
	padding: 10px 10px 10px 90px;
	background-image: url(/images/help_bubble_small.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
div.help_box ul {
	padding-left: 20px;
}


/* main top menus */

div.menu_bar {
	margin: 0 20px 40px 20px;
}


ul.main_menu {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

ul.main_menu li {
	float: left;
	padding-right: 20px;
	display: block;
	white-space: nowrap;
}

li.cart a {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url(/images/icons/cart.png);
}


div.login_button {
	float: right;
}


/* footer menu */

ul.footer_menu {
	list-style: none;
	padding: 0;
	margin: 20px 0;
	text-align: center;
	
}
ul.footer_menu li {
	padding-right: 10px;
	padding-left: 10px;
	display: inline;
	white-space: nowrap;
}



/* side menu */

ul.side_menu, ul.side_menu ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
ul.side_menu {
	padding: 0;
}
ul.side_menu li {
	line-height: 130%;
	margin-top: .6em;
}


/* admin bars ------------------ */
div.admin_bar {
	/* background: #CDCECE url(/images/admin_background.gif) repeat-x top left; */
	background-color: #222;
	padding: 5px 20px 0px 20px;
	margin: 0;
	border-bottom: 1px solid #FFF;
	color: #AAA;
}

/* BLACK MENU BAR */
div.admin_bar a {
	color: #CCC;
	text-decoration: none;
	/* border-bottom: 1px dotted #AAA; */
}
div.admin_bar a:hover {
	color: #FFF;
	/* border-bottom: 1px dotted #FFF; */
}

/* WHITE MENU BAR
div.admin_bar a {
	text-decoration: none;
	border-bottom: 1px dotted #888;
	color: #444;
}
div.admin_bar a:hover {
	border-bottom: 1px dotted #000;
	color: #000;
}
*/


/* admin menu ------ */

ul.admin_menu {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	max-width: 980px;
}
ul.admin_menu .error {
	color: #D00;
}
ul.admin_menu .success {
	color: #0D0;
}
ul.admin_menu li {
	padding: 0 10px 10px 10px;
	float: left;
}
ul.admin_menu li.right {
	float: right;
}

ul.admin_submenu {
	display: none;
	list-style: none;
	padding: 10px 25px 10px 15px;
	margin: 10px 0 0 -20px;
	position: absolute;
	background-color: #222;
	border: 1px solid #FFF;
	border-top: 0;
	z-index: 99 !important;
}
ul.admin_submenu li {
	float: none;
	display: block;
	text-align: left;
	padding: 3px 0;
}

/* alt table --------------- */
table.alt, table {
	border-collapse: collapse;
	border: 0;
}
ul.alt {
	list-style: none;
	padding: 0; margin:0;
}
table.alt td, ul.alt li, table.alt th {
	padding: 5px 10px;
	margin: 0;
}
table.alt tr.alt, li.alt {
	background-color: #F2F2F2;
}


/* upload tool ------------- */
.progressWrapper {
	width: 200px;
	overflow: hidden;
	float: left;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}

.progressName {
	color: #555;
	width: 323px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(/images/icons/cross.png);
	background-repeat: no-repeat;
	background-position: top right;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

.clearfix {
	overflow: hidden;
}


/* page editor =========== */

div.insert_file_object, div.insert_image_object {
	border-bottom: 1px solid #CCC;
	text-align: center;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
div.insert_image_object img {
	border: 1px solid #AAA;
}


div.edit_image_browser {
	margin-left: 740px;
}

div.image_scroller {
	width: 220px;
	max-height: 500px;
	overflow: auto;
	padding-right: 10px;
}


/* page images & files ------- */

div.image_object, div.file_object {
	margin-bottom: 20px;
}

div.file_object, div.image_object {
	text-align: center;
}
div.file_image_object div.description {
	font-size: 80%;
	line-height: 140%;
	color: #444;
	padding-top: 3px;
}

div.object_left {
	float: left;
	margin-right: 20px;
}

div.object_right {
	float: right;
	margin-left: 20px;
}
div.object_center {
}
.image_border img {
	border: 1px solid #AAA;
	padding: 5px;
}




/* page details */
.sale_price .label {
	font-weight: normal;
}
.sale_price {
	color: #C00;
	font-weight: bold;
}
form.add_to_cart, div.add_to_cart {
	float: right;
}
div.add_to_cart {
	color: #A00;
}



form.search_form {
	margin: 0;
	display: inline;
}



/* page objects */

div.page_images {
}

/* search -------- */

div.site_search {
	float :right;
}

div.search_results h2 {
	margin-bottom: 0;
}
div.search_results .details {
	font-size: 75%;
	color: #AAA;
}
div.search_results .path {
	color: #0A0;
}


/* checkout complete page */
p.checkout_complete_message {
	text-align: center;
}



/* sortable lists ------ */


ul.column {
	padding-left: 0;
}

.portlet { padding: 0; background-color: #333; list-style: none; margin: 0 0 15px 0; border: 1px solid #444; color: #FFF; text-align: left;}
.left-handle {
	border-left: 10px solid #444;
}
.portlet-header { padding: 3px 5px; background-color: #222; color: #FFF; }
.portlet-content { padding: 5px; }
.ui-sortable-placeholder {  margin: 0 0 15px 0; padding: 0; border: 1px dotted black; visibility: visible !important; background: none; }
.ui-sortable-placeholder * { visibility: hidden; }