/* === Remove everything to start with ======= */
 
 /* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
/* ul,ol { list-style:none } */

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { display: inline; font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
hr,ul,li,ol,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

p { padding-bottom: 10px; }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

table {border-collapse: collapse; }
td { vertical-align: top; }

ul, li {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
ul { 
	padding-left: 20px;
}




/* === main body tag ======= */
body {
	padding: 10px;
}

.body2, .body3 {
	padding: 0;
	margin: 0;
}
table.body2, table.body3 {
	width: 100%;	
}
hr {
	background-color: #CCCCCC;
	border: 0;
	height: 1px;
}

p {
	padding-bottom: 10px;
}

.error {
	color: #AA0000;
}
.warning {
	color: #DD9900;
}
.success {
	color: #77BA00;
}
.note {
	color: #444444;
}
.caption {
	font-family: verdana, sans-serif;
	font-size: 70%;
	color: #777777;
}

.footer {
	font-family: verdana, sans-serif;
	font-size: 70%;
	color: #777777;
}


.wide {
	width: 100%;
}

.breadcrumb {
	font-family: verdana, sans-serif;
	font-size: 70%;
}

blockquote {
	margin-left: 20px;
}

h1 {
	font-size: 200%;
	line-height: 120%;
}
h2 {
	font-size: 160%;
	line-height: 120%;
}
h3 {
	font-size: 140%;
	line-height: 120%;
}
h4 {
	font-size: 120%;
	line-height: 120%;
}

div.page_caption {
	padding-bottom: 1em;
}
div.body_text {
	padding-bottom: 1em;
}
div.normal {
	padding-bottom: 0;
}
div.body_text li {
	margin-left: 20px;
}

.page_images {
	text-align: center;
}


/* === basic layout  ================================= */


div.page_image {
	float: left;
	padding: 0px 10px 10px 10px;
}

div.top_row {
}
div.second_row {
	padding-top: 10px;
	clear: both;
}
div.third_row {
	margin-bottom: 10px;
}
div.header {
	margin-bottom: 10px;
}

div.clearitem#header {
	display: none;
}

div.shopping_options {
	float: right;
	padding-left: 15px;
}

.breadcrumb_selected {
	text-decoration: underline;
}


div.edit_buttons {
	float: right;
}

ul.admin_buttons {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}
ul.main_menu {
	margin-left: 0;
	padding-left: 0;
}

li.admin_buttons {
	display: inline;
	padding-left: 15px;
}
li.main_menu {
	display: inline;
	padding-right: 15px;
}

ul.side_menu {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
li.side_menu {
	list-style: none;
	padding-top: 10px;
}

div.footer {
	text-align: center;
	margin: 20px 0px 10px 0px;
}
/* === success/failure icons ================================= */

td.message_image {
	padding-right: 10px;
	width: 20px;
}
td.success_image {
	background: url('/static/success.gif') left top no-repeat;
}
td.error_image {
	background: url('/static/error.gif') left top no-repeat;
}
td.warning_image {
	background: url('/static/warning.gif') left top no-repeat;
}
td.note_image {
	background: url('/static/note.gif') left top no-repeat;
}


/* === admin buttons ================================= */

a.edit_page_button {
	padding-left: 20px;
	background: url('/static/edit_dot.gif') left center no-repeat;
	white-space: nowrap;
}
a.add_page_button {
	padding-left: 20px;
	background: url('/static/add_dot.gif') left center no-repeat;
	white-space: nowrap;
}
a.delete_page_button {
	padding-left: 20px;
	background: url('/static/delete_dot.gif') left center no-repeat;
	white-space: nowrap;
}




/* === panels ================================= */


table.panel {
	margin-bottom: 10px;
}

td.panel {
	background-color: #EEEEEE;
	padding: 10px;
	padding-bottom: 0px;
}

div.panel {
	background-color: #EEEEEE;
	padding: 10px;
	margin-bottom: 1em;
}



/* === dragable lists  ================================= */

ul.drag_tile {
	list-style: none;
	margin: 0;
	padding: 0;
}
li.drag_tile {
	cursor: move;
	padding: 2px 5px 2px 5px;
	margin-bottom: 5px;
	background-color: #EEEEEE;
}



/* === label table ================================= */
/* left hand items are align right, everything else is normal */

table.label_table {
	
}

td.label_table_label {
	padding-right: 10px;
	white-space: nowrap;
	text-align: right;
	padding-bottom: 10px;
}

td.label_table_data {
	padding-bottom: 10px;
}

span.label {
	color: #999999;
}


/* ------- row highlight ------------ */

tr.highlight {
	background-color: #F4E6A2;
}
.alt {
	background-color: #F3F3F3;
}


/* ------- new div nav bar --------------------------------- */

div.navbar {
	margin-bottom: 1em;
	background-color: #EEEEEE;
	padding: 5px 5px 0px 5px;
}

td.navbar {
	margin-bottom: 1em;
	background-color: #EEEEEE;
	padding: 5px 5px 0px 5px;
}


div.navbar {
	margin-bottom: 1em;
}

div.navitem {
	float: left;
	padding: 3px 6px 3px 6px;
	margin-right: 1em;
	margin-bottom: 5px;
	white-space: nowrap;
}

.nowrap {
	white-space: nowrap;
}

div.navitem_selected {
	background-color: #FFFFFF;
	color: #000000;
}

a.navitemlink_selected {
	color: #000000;
}

/* ------- old nav bar ------------------------------------- */

table.subnav_bar {
	border: 1px #CCCCCC solid;
	margin-bottom: 10px;
}
td.subnav_bar {
	padding-top: 5px; padding-bottom: 5px;
	padding-left: 10px; padding-right: 10px;
}
ul.subnav_bar {
	list-style: none;
	padding-left: 0px;
}
li.subnav_bar_item, li.subnav_bar_item_selected {
	list-style: none;
	float: left;
	padding-right: 20px;
	padding-left: 0px;
	
	text-transform: uppercase;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
}

a.subnav_bar_item {
	color: #888888;
}

a.subnav_bar_item_selected {
	color: #000000;
}
a.subnav_bar_item:visited {
	color: #AAAAAA;
}
a.subnav_bar_item:hover {
	color: #333333;
}
 a.subnav_bar_item_selected:hover {
	color: #666666;
 }
 
 
td.page {
	padding-left: 10px;
}
 
div.search {
	float: right; 
	display: inline; 
	white-space: nowrap;
}
#customer_name {
	display: none;
}


/* ------- image gallery ------------------------------------- */

div.gallery_thumbnail {
	border: solid 1px #DDDDDD;
}
 
td.featured_item {
	
}
table.featured_item {
	margin-bottom: 10px;	
}

/* ------- misc ------------------------------------- */

span.price {
	font-weight: bold;
}

.thumb_box {
	white-space: nowrap; 
	overflow: hidden; 
	float: left; 
	padding: 0 10px 10px 10px; 
	text-align: center; 
	margin-right: 10px; 
	margin-bottom: 10px; 
}

/* index items */

td.index_notleft {
	padding-right: 20px; padding-bottom: 10px;
}

div.index_col_image {
	text-align: center;
	padding-right: 10px;
}


td.left_images_td {
 	padding: 4em 10px 10px 0;
}

/* index items */
td.label {
	text-align: right;
	padding-right: 10px;
	color: #666;
}
td.data {
	text-align: left;
}

td#right_column {
	padding-left: 20px;
}



td.page_no_side_menu {
	padding-left: 0;
}

td.side_menu {
	width: 200px;
}


div.product_info_request {
	padding-bottom: 20px;
}


/* news item */
div.news_item {
	clear: both;
	padding: 5px 5px 5px 5px; 
	margin-bottom: 10px;
}
div.news_item p {
	margin:0;
	padding-bottom:0;
}

/* normal html stuff -------------------- */

div.normal h1 {  margin: .67em 0; display: block; }
div.normal h2 { margin: .75em 0; display: block; }
div.normal h3 { margin: .83em 0; display: block; }
div.normal h4, div.normal p,
div.normal blockquote, div.normal ul,
div.normal fieldset, div.normal form,
div.normal ol, div.normal dl, div.normal dir,
div.normal menu { margin: 1.12em 0; display: block; }
div.normal h5              { margin: 1.5em 0; display: block; }
div.normal h6              { margin: 1.67em 0; display: block; }
div.normal blockquote      { margin-left: 40px; margin-right: 40px }
div.normal ol, div.normal ul, div.normal dir,
div.normal menu, div.normal dd        { margin-left: 40px }