/*******************************/
/*********** GLOBALS ***********/
/*******************************/

body {
	background-color: #717171;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

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

body, p, td, div, span, input, select, textarea {
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	font-size: 10pt;
	color: #000000;
}

p {
	/*margin-top: 2px;*/
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

ul {
	margin-top: 0px;
	margin-bottom: 10px;
	/*list-style-type: square;*/
}

h1 {
	font-size: 15pt;
	color: #13d515;
	font-weight: bold;
	/*margin: 0px 0px 5px 0px;*/
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

h2 {
	font-size: 12pt;
	color: #f0632b;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}

h3 {
	font-size: 11pt;
	color: #000000;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}

h4 {
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
}

td {
	padding: 0px;
}

input[type="text"], input[type="password"] {
	width: 180px;
	border: 1px solid #eaeaea;
	padding: 2px;
	font-size: 9pt;
	color: #333333;
}

input.user_box {
	border: 1px solid #eaeaea;
	padding: 2px;
	font-size: 9pt;
	color: #333333;
}

textarea, textarea.user_box {
	height: 180px;
	width: 650px;
	border: 1px solid #eaeaea;
	padding: 2px;
	font-size: 9pt;
	color: #333333;
}

a img {
	border: none;
}

/*******************************/
/******* PAGE STRUCTURE ********/
/*******************************/

div.main_wrapper {
	background-image: url(../images/glow_tile.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	width: 100%;
}

div.top_wrapper {
	background-image: url(../images/glow_top.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	width: 100%;
	padding-top: 57px;
}

div.bottom_wrapper {
	background-image: url(../images/glow_bottom.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 57px;
	width: 100%;
}

/* columns */
.header {
	height: 141px;
	margin: 0px;
	text-align: left;
}

td.menu {
	height: 30px;
	margin: 0px;
	background-color: #00d700;
	color: #FFFFFF;
	text-align: left;
	font-size: 10pt;
	font-family: Arial, Tahoma, Verdana;
	border-top: 1px solid #FFFFFF;
}

.column_wrapper {
	width: 100%;
	text-align: left;
}

.left_column {
	width: 176px;
/*	background-color: #f2f2f2;*/
/*	padding: 8px;*/
	background-color: #FFFFFF;
	border-right: 1px solid #EFEFEF;
	padding: 8px 0px;
	text-align: left;
	vertical-align: top;
}

	.left_column div.block {
		padding: 0px 10px 15px 10px;
		font-weight: normal;
		margin-top: 5px;
		margin-bottom: 10px;
		font-size: 9pt;
		border-bottom: 1px solid #e5e5e5;
	}

.right_column {
	width: 665px;
	background-color: #FFFFFF;
	padding: 12px;
	text-align: left;
	vertical-align: top;
}

.footer {
	background-image: url(../images/footer_tile.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Tahoma, Verdana;
	font-size: 8pt;
	color: #FFFFFF;
	text-align: left;
	padding: 0px 10px 0px 10px;
	vertical-align: middle;
	height: 32px;
}

/*******************************/
/********** VALIDATION *********/
/*******************************/

/* warnings */
.warning_report {
	background-color: #fffcd7;
	border: 1px solid #ffd235;
	margin-bottom: 8px;
}

.warning_report div, .warning_report p {
	padding: 8px;
	font-family: Arial, Tahoma, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #dd5a5a;
}

.warning_report div {
	padding-left: 30px;
	background-image: url(../images/warning.gif);
	background-repeat: no-repeat;
	background-position: 8px 7px;
}

/* errors */
.error_report {
	background-color: #fff3f3;
	border: 1px solid #af2d2d;
	margin-bottom: 8px;
}

.error_report div, .error_report p {
	padding: 8px;
	font-family: Arial, Tahoma, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #af2d2d;
}

.error_report div {
	padding-left: 30px;
	background-image: url(../images/cross.gif);
	background-repeat: no-repeat;
	background-position: 8px 7px;
}

/* success */
.success_report {
	background-color: #ebf8d5;
	border: 1px solid #7ad30b;
	margin-bottom: 8px;
}

.success_report div, .success_report p {
	font-family: Arial, Tahoma, Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	padding: 8px;
}

.success_report div {
	padding-left: 30px;
	background-image: url(../images/tick.gif);
	background-repeat: no-repeat;
	background-position: 8px 7px;
}

.warning_report p, .error_report p, .success_report p {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/*******************************/
/******** MISCELLANEOUS ********/
/*******************************/

.underline {
	padding-bottom: 4px;
	border-bottom: 1px solid #cbcbcb;
}

.date {
	font-size: 8pt;
	color: #999999;
	font-weight: normal;
}

.dotted_line {
	margin-top: 14px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #cbcbcb;
}

div.multi_left {
	float: left;
	margin-right: 40px;
}

.right_float_outer {
	float: right;
	border-left: 10px solid #FFFFFF;
	border-bottom: 10px solid #FFFFFF;
}

.right_float_inner {
	background-color: #FFFFFF;
	text-align: left;
}

div.menu_phone {
	float: right;
	color: #FFFFFF;
	margin-right: 6px;
	font-weight: bold;
	font-size: 12pt;
	margin-top: 5px;
}

div.menu_logout {
	float: right;
	color: #FFFFFF;
	margin-right: 6px;
	font-weight: bold;
	font-family: Arial, Tahoma, Verdana;
	font-size: 12pt;
}

div.admin_panel {
	border: 1px solid #EEEEEE;
	background-color: #F4F4F4;
	padding: 4px 6px 4px 6px;
	margin-bottom: 10px;
}

.detail {
	font-weight: normal;
	font-size: 7pt;
	color: #666666;
}

/*******************************/
/*********** TABLES ************/
/*******************************/

.table_border {
	border: 1px solid #afafaf;
	width: 99%;
	margin-bottom: 8px;
	padding: 1px;
}

/* global formatting */
table.data {
	border-collapse: separate;
	border-spacing: 1px;
	background-color: transparent;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

table.data th, table.data td {
	padding: 4px;
	border: 1px solid white;
	font-size: 8pt;
}

/* header rows */
table.data tr th {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
	font-weight: bold;
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #535353;
	margin: 0px;
	text-align: left;
}

table.data tr th.center_h {
	text-align: center;
}

/* subheading rows */

table.data tr.section td {
	font-weight: bold;
	background-color: #CCCCCC;
	color: #333333;
	border-bottom: 1px solid #999999;
}

table.data tr.oddrow td, tr.oddrow td {
	background-color: #f4f4f4;
}

table.data tr.evenrow td, tr.evenrow td {
	background-color: #eaeaea;
}

table.data tr.inactive td, tr.inactive td {
	color: #999999;
}

/* order form - product list */

table#product_list tr td input {
	width: 50px;
}

table#product_list tr th#quantity {
	width: 70px;
}

table#product_list tr.subtotal td {
	font-weight: bold;
	font-size: 9pt;
	background-color: #CCCCCC;
	color: #000000;
}

table#product_list tr.total td {
	font-weight: bold;
	font-size: 10pt;
	background-color: #535353;
	color: #FFFFFF;
}

table#product_list tr.total td input {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 10pt;
	border: none;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
	width: 120px;
}

/* other */

.form_label {
	background-color: #d0e0f0;
	font-weight: bold;
	color: #6a91bb;
	font-size: 8pt;
	padding: 3px;
}

.copyright {
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	font-size: 9pt;
	float: right;
	color: #FFFFFF;
}

/*******************************/
/************ LINKS ************/
/*******************************/

/* general */
a {
	color: #f0632b;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/* footer links */
a.footerlink:link, a.footerlink:active, a.footerlink:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a.footerlink:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* menu links */
td.menu a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 7px 10px 0px 10px;
	display: block;
	float: left;
	height: 23px;
	padding-top: 7px;
	border-right: 1px solid #FFFFFF;
}

td.menu a:hover {
	background-color: #f0632b;
}

div.menu_logout a {
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

div.menu_logout a:hover {
	color: #cbcbcb;
	text-decoration: none;
}

/* admin menu links */
div.admin_panel a {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Tahoma, Verdana;
	font-size: 8pt;
	
}

div.admin_panel a:hover {
	color: #000000;
	text-decoration: underline;
	font-family: Arial, Tahoma, Verdana;
	font-size: 8pt;
}

/* left column links */
a.leftlink {
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
}

a.leftlink:hover {
	color: #000000;
}

/* pagination */
.page_numbers {
	border-top: 1px dotted #d0e0f0;
	font-weight: bold;
	font-size: 9pt;
	text-align: center;
	padding-top: 5px;
	margin-top: 5px;
}

/* image gallery thumbnails */
div.thumbnail {
	height: 108px;
	width: 138px;
	float: left;
	margin-right: 10px;
	background: url(../images/thumb_bkg.gif) top left no-repeat;
	padding-top: 0px;
	padding-left: 1px;
}

.center_h {
	text-align: center;
}

.center_v {
	vertical-align: middle;
}

.left_h {
	text-align: left;
}

.clear {
	clear: both;
}