.clearer{
	height:1px;
	overflow:hidden;
	clear:both;
	margin-top:-1px;
}
img {display: block;}
#content img {display: inline;}
body {
	font-family: arial,sans-serif;
	font-size: 12px;
	text-align: center;
	background: #123;
} 
#wrapper {
	text-align: left;
	width: 760px;
	margin: 0 auto;
	}

/* Standard Link Appearance */
a:link {color: #335577;}
a:visited {color: #335577;}
a:hover {color: black;}
a:active {color: #47c1c2;}


/* Standard Form Appearance */
#std_form {
	font-size: 10px;
	}
#std_form select {
	font-size: 10px;
	}
#std_form input {
	font-size: 10px;
    margin: 0;
	}
#std_form input.name {
	width: 97px; 
	}
#std_form input.address {
	width: 200px; 
	}
#std_form input.zip {
	width: 60px; 
	}
#std_form input.phone {
	width: 80px; 
	}
#std_form input.email {
	width: 150px; 
	}
#std_form #misc_text input {
	width: 80;
	}

/* Standard Table Appearance */
#std_table {
	width: 100%;
	font-size: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}


#main {
  display: inline;
  float: right;
  position: relative;
  width: 578px;
}
#left {
  float: left;
  position: relative;
  width: 174px;
  margin: 0 0 0 0;
}

/* Box above Content area */
#header {
	background: #357;
	text-align: center;
	margin-bottom: 15px;
	color: white;
	font-family: Times, TimesNR, "New Century Schoolbood", Serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	}
#header img {margin: 0 auto;}
	
/* CONTENT AREA */
#content { 
	background: #eec;
	color: #646361;
	position: relative;
	}
#content h1, #content h2 {
	margin: 0;
	font-size: 15px;
	font-weight: normal;
	border-width: 1px 0 1px 0;
	border-color: black; 
	border-style: dotted;
	padding: 5px 35px;
	background: url(assets/header-arrow.gif) no-repeat 20px center;
	margin-bottom: 10px;
	position: relative;
	}
#content h2 {}	
#content p {margin: 1em 0 0 0;}
#content .content-item {margin: 0 30px;}
#content .imageleft, #content .imageright {
	text-align: center;
	display: inline;
	 position: relative;}
#content .imageleft {
	float: left;
	margin: 0 10px 10px 0;
	}
#content .imageright {
	float: right;
	margin: 0 0 10px 10px;
	}
#content .imageleft img, #content .imageright img {padding: 8px; border: 1px solid #999; }	
#content .imagecaption {
	border-bottom: 1px dotted black;
	font-size: 10px;
	color: #666;
	text-align: center;
	padding: 4px 0;
	}

/* CONTENT CART */
#content_cart { 
	background: #eec;
	color: #646361;
	position: relative;
	}
#content_cart h1, #content_cart h2 {
	margin: 0;
	font-size: 15px;
	font-weight: normal;
	border-width: 1px 0 1px 0;
	border-color: black; 
	border-style: dotted;
	padding: 5px 35px;
	background: url(assets/header-arrow.gif) no-repeat 20px center;
	margin-bottom: 10px;
	position: relative;
	}
#content_cart h2 {}	
#content_cart .content-item {margin: 0 3px;}


/* Bottom Nav */
#nav-bottom {
	background: #357;
	margin-top: 13px;
	color: white;
	}
#nav-bottom a {margin: 0 10px;}
#nav-bottom a:link {color: white;}
#nav-bottom a:visited {color: white;}
#nav-bottom a:hover {color: #eec;}
#nav-bottom a:active {color: white;}

/* Logo */
#logo {
	background: #586;
	text-align: center;
	margin-bottom: 12px;
	}
#logo img {margin: 0 auto;}	

/* Navigation on left side */	
#nav { background: #357; position: relative; margin-bottom: 12px;}
#nav a {
	display: block;
	border-top: 1px dotted #47c1c2;
	padding: 5px 20px;
	font-weight: bold;
	}
#nav a:link {color: #47c1c2;}
#nav a:visited {color: #47c1c2;}
#nav a:hover {color: #fff;}
#nav a:active {color: #47c1c2;}
#nav #nav-items {border-bottom: 1px dotted #47c1c2;}

/* Login Area */
#login {
	font-size: 10px;
	color: #eec;
	padding: 0 5px;
	margin-bottom: 12px;
	}
#login input {
	font-size: 10px;
	width: 144px; 
	margin-bottom: 5px;
	}
#login input.buttons {
	width: 151px;
	height: 20px;
	padding: 0;
	margin: 20;
	font-size: 10px;
	float: left;
	margin-right: 20px;
	}
#login a {
	display: block;
	margin-top: 5px;
	}
#login a:link {color: #eec;}
#login a:visited {color: #eec;}
#login a:hover {color: #fff;}
#login a:active {color: #eec;}

/* Infomation Area */
#info {background: #586; clear: left;}
#info #open {color: white; margin: 0 10px;}
#info #address {color: #eec; margin: 10px;}

/* Bottom Area */
#bottom {clear: both; padding-top: 20px;}
#bottom #copyright {font-size: 11px; color: #777272;}
#bottom #copyright a:link {color: #777;}
#bottom #copyright a:visited {color: #777;}
#bottom #copyright a:hover {color: #888;}
#bottom #copyright a:active {color: #777;}


.text_small { font-size: 9px; }



.quicktip 		{ text-align: left; position: absolute; width: 410px; visibility: hidden; z-index: 100; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; border: 1px solid #000; margin-top: 20px; }
.quicktip-prompt 	{ cursor: help;	}
.quicktip-titlebar 	{ background-color: #87CEFA;  	}
.quicktip-title 	{ font-weight: bold; color: black; padding: 3px;	}
.quicktip-close 	{ font-weight: bold; color: white;  text-decoration: none;	float: right; position: relative; display: block; padding: 3px;}
.quicktip-body 		{ background-color: #FDF5E6; color: black; padding: 8px; font-weight: normal;}
.quicktip-fieldname 	{ font-weight: bold; margin-bottom: 0.5em; border-bottom: 1px solid #333;}
.quicktip-prompt 	{ cursor: help; border-bottom: 1px dashed #ccc;} 
.quicktip-prompt2 	{ cursor: help; } 

.quickedit 		{ text-align: left; position: absolute; width: 550px; visibility: hidden; z-index: 100; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; border: 1px solid #000; margin-top: 20px; }
.quickedit-prompt 	{ cursor: help;	}
.quickedit-titlebar 	{ background-color: #87CEFA;  	}
.quickedit-title 	{ font-weight: bold; color: black; padding: 3px;	}
.quickedit-close 	{ font-weight: bold; color: white;  text-decoration: none;	float: right; position: relative; display: block; padding: 3px;}
.quickedit-body 	{ background-color: #FDF5E6; color: black; padding: 8px; font-weight: normal;}
.quickedit-fieldname 	{ font-weight: bold; margin-bottom: 0.5em; border-bottom: 1px solid #333;}
.quickedit-prompt 	{ cursor: help; border-bottom: 1px dashed #ccc;} 
.quickedit-prompt2 	{ cursor: help; }