body {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	background-color: #ADB384;
	color: #493F0B;
}

a 
{
	color: #CF3B19;
}

a:hover
{
	color: #493F0B;
	text-decoration: none;
}

/* Layout */
div#main {
	width:768px;
	min-height: 600px;
	background-color:#FFFFFF;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #484439;
}

div#sidebar {
    width: 225px;
    float: left;
    margin-left: 10px;  
}

div#body {
	min-height: 600px;
	margin-left: 235px;
	margin-right: 9px;
}

.footer{
	width:747px;
	height:46px;
	margin-left: 10px;
	background-image: url('/img/footer_copyright.png');
	background-repeat: no-repeat;
	background-position: 10px;
	text-align: center;
	color: #FFFFFF;
}

div#flash_header{
    position:relative;
	left:-8px;
	padding-top: 15px;
	border: 0px solid red;
}

/* Classes */

h2
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
}

/* Rounded message box */
.rbroundbox { background: url(/img/nt.gif) repeat; }
.rbtop div { background: url(/img/tl.gif) no-repeat top left; }
.rbtop { background: url(/img/tr.gif) no-repeat top right; }
.rbbot div { background: url(/img/bl.gif) no-repeat bottom left; }
.rbbot { background: url(/img/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent { margin: 0px 0px 0px 0px; }
.rbroundbox { width: 100%; margin: 1em auto; }

/* Rounded message box - error box */
.rbroundbox_err { background: url(/img/nt_err.gif) repeat; }
.rbtop_err div { background: url(/img/tl_err.gif) no-repeat top left; }
.rbtop_err { background: url(/img/tr_err.gif) no-repeat top right; }
.rbbot_err div { background: url(/img/bl_err.gif) no-repeat bottom left; }
.rbbot_err { background: url(/img/br_err.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop_err div, .rbtop_err, .rbbot_err div, .rbbot_err {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent_err { padding: 15px 15px 15px 15px; }
.rbcontent_err span { color: White; margin: 0px 0px 0px 10px; }
.rbroundbox_err { width: 50%; margin: 1em auto; }



.titleImage
{
	float: left;
	margin: 0px 10px 5px 0px;
	border: 1px solid #99B413;
}

.admin {
	padding: 10px 0px 0px 10px;
}

.CategoriesProductImage 
{
	float: left;
	width: 50px;
	border: 1px solid #99B413;
	margin-right: 5px;
	margin-bottom: 5px;
}

.ProductDetailsImage 
{
	float: right;
	width: 170px;
	border: 1px solid #99B413;
	margin-left: 5px;
	margin-bottom: 5px;
}

.productDesc
{
	padding: 10px 10px 10px 10px;
}

.productInfo
{
	 float:right;
	 width: 180px;
}

.product
{
	
}

.quotesImage
{
	margin-bottom: -2px;
	padding-left: 3px;
}

div.contact
{
	margin: 4px;
	display: block;
	padding: 5px 10px;
	width: 190px;
	color: #878787;
	text-decoration: none;
	border-left: 2px solid #B8CC2C;
}

div.title
{
	font-family: verdana,arial,helvetica,sans-serif;
	color: #878787;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-variant: small-caps;
}

.customPage
{
	margin: 15px 15px 15px 15px;
}


div.searchBox label {
  float: left;
  width: 100px;
  margin-top:5px;
}

.categoriesPage
{
	margin: 15px 15px 15px 15px;
}

ul.catalogList
{
	list-style: none;
	
}

ul.catalogList li a
{
	list-style: none;
	margin: 15px 15px 15px 15px;
	font-family: verdana,arial,helvetica,sans-serif;
	display: block;
	color: #878787;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-variant: small-caps;
}


ul.catalogList li a:hover
{
	text-decoration: underline;
	border-left: .7em solid #B8CC2C;
	padding: 0px 0px 0px 10px;
}


/* Main Menu Items */
div.welcome
{
	padding: 0px 0px 0px 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

ul.menu
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}

ul.menu li
{
	border-bottom: 1px solid #878787;
	margin: 4px;
	width: 190px;
}

ul.menu li a
{
	font-family: verdana,arial,helvetica,sans-serif;
	display: block;
	padding: 6px .5em 6px .5em;
	border-left: .7em solid #B8CC2C;
	background-color: #FFFFFF;
	color: #878787;
	text-decoration: none;
	width: 170px;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-variant: small-caps;
}

ul.menu li a:hover
{
	border-left-color: #878787;
	background-color: #878787;
	color: #fff;
}


/* 
	Clean and crisp table styles
	written by Mats Lindblad http://blogs.su.se/matlin/
*/

table.adminTable {
	font: normal 12px verdana,arial,helvetica,sans-serif;
	border-collapse: collapse;
	width: 100%;
}
table.adminTable th {
	font: bold 1.1em/120% verdana,arial,helvetica,sans-serif;
	padding: 5px 10px;
	font-variant: small-caps;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	letter-spacing: -1px;
}
table.adminTable thead th {
	
	white-space: nowrap;
	background-image: url(/img/background.gif);
	background-repeat:repeat-x;
}

table.adminTable tbody td ,tbody th {
	padding: 5px 10px;
	background: #fff;
	color: #000;
}
table.adminTable tbody th {
	color: #047;
	font-weight: normal;
	font-variant: normal;
	font-size: 12px;
}
table.adminTable tbody tr.odd {
	border: 1px solid #F5F6D4;
}
table.adminTable tbody tr.odd td, tbody tr.odd th {
	background: #F5F6D4;
}
table.adminTable tfoot td, tfoot th {
	border: none;
	padding-top: 10px;
}
table.adminTable caption {
	font-family: "Georgia", serif;
	letter-spacing: 5px;
	font-style: italic;
	text-align: left;
	text-indent: 2em;
	text-transform: uppercase;
	font-size: 150%;
	padding: 10px 0;
	color: #047;
}

table.adminTable thead a:link {
	color: #FFFFFF;
}

table.adminTable thead a:visited {
	color: #FFFFFF;
}

/* FORMS */

.inputField
{
	margin: 5px 0px 5px 0px;
}

#top, #bottom {
	width:500px;
	height:10px !important;
	display:block !important;
}

#top {
	margin-top:10px;
}

#formContainer 
{
	margin-left: 15px;
	width:500px; 
}

#formTitle
{
	
	background-image: url(/img/background.gif);
	background-repeat:repeat-x;
}

#formContent
{
	background-color: #F5F6D4;
	padding: 15px 0px 15px 10px;
}

form
{
	margin: 0px 0px 0px 0px;
}

.btn {
   color:#FFFFFF;
   font-family:verdana,arial,helvetica,sans-serif;
   font-size:12px;
   font-weight:bold;
   background-image: url(/img/background.gif);
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;

}

.specific 
{
	padding: 0px 15px 15px 15px;
}

/* actions lists  */

/*hints*/

span.hint {
	font:normal 11px/14px verdana;
	background:#eee url(/img/bg-span-hint-gray.gif) no-repeat top left;
	color:#444;
	border:1px solid #888;
	padding:5px 5px 5px 40px;
	width:130px;
	position:absolute;
	margin: -12px 0 0 14px;
	display:none;
}


div.welldone span.hint {
	background:#9fd680 url(/img/bg-span-hint-welldone.jpg) no-repeat top left;
	border-color:#749e5c;
	color:#000;
}
div.kindagood span.hint {
	background:#ffffcc url(/img/bg-span-hint-kindagood.jpg) no-repeat top left;
	border-color:#cc9933;
}


div.welldone {
	background:transparent url(/img/bg-fieldset-welldone.gif) no-repeat 194px 19px;
	margin: 5px 0px 5px 0px;
}
div.kindagood {
	background:transparent url(/img/bg-fieldset-kindagood.gif) no-repeat 194px 19px;
	margin: 5px 0px 5px 0px;
}

div.admin label
{
  float:none;
  width: 80px;
  margin-top:5px;	
}

label {
  float: left;
  width: 80px;
  margin-top:5px;
} 

.error_message 
{
	margin-left: 5px;
	color: Red;
	font-family: verdana,arial,helvetica,sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}