﻿/****************************************
NOTES: 

#-ID
.-CLASS

****************************************/
* {
	margin: 0;
	padding: 0;
	outline: 0;
	font-style: normal;
	line-height: inherit;
	font-family: inherit;
	text-decoration: none;
}
body {
	font: 68.75%/1.6em 'Lucida Grande', Arial, Helvetica, sans-serif !important;
}
.colorblack {
	color:#000 !important;
}
.overlay {
	text-align:center;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background: #000;
	z-index:10000;
	display:none;
}
.pleasewait {
	margin-top:50px;
	font-size:18px;
	z-index:10001;
	display:none;
}
.nopadding {
	padding: 0 !important;
}
.fakelink {
	cursor: pointer;
}
/* (?) popup properties */
a.info2 {
	position:relative; /*this is the key*/
	z-index:24;
	background: url(images/admin_notes.gif) no-repeat;
	color:#000;
	text-decoration:none !important;
	font-size: 14px;
	font-weight: normal;
	cursor: help;
}
a.info2:hover {
	z-index:90;
}
a.info2 span {
	display: none
}
a.info2:hover span { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	z-index: 90;
	top:2em;
	left:1em;
	width:25em;
	border:1px solid #0cf;
	background-color:#cff;
	color:#000;
	text-align: left;
	text-decoration:none;
	font-size: 11px;
}
.noresize {
	width:490px !important;
	min-width:490px !important;
	max-width:490px !important;
}
.graph_links {
	list-style: none;
	margin-bottom: 0px;
	bottom: 0px;
	position:relative;
}
.graph_links li {
	display: block;
	border: thin #000 solid;
	background-color: #C90;
	padding: 2px 2px 2px 2px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
.graph_links li a {
	text-decoration: none;
	color: #FFF;
}
.buttons {
	display:block;
	margin:0 7px 0 0;
	background-color:#e8e8e8;
	border:1px solid #9e9e9e;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#595959;
	cursor:pointer;
	padding:5px 10px 6px 7px; /* Links */
}
.buttons:hover {
	background-color:#ffd781;
	border:1px solid #cb8b00;
	color:#424242;
}
.buttons:active {
	background-color:#fdad00;
	border:1px solid #d69302;
	color:#fff;
}
#login_fields {
	position:absolute;
	left: 156px;
	top: 93px;
	z-index:2;
	width:200px;
	height:144px;
}
#login_lostpassword {
	position:absolute;
	left: 340px;
	top: 196px;
	z-index:3;
	width:88px;
	height:18px;
}
.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #555555;
}
.login_fields {
	color: #777777;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 6px;
	background-color: #f5f5f5;
	border: 1px solid #dedbd1;
}
.login_button {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 10px 5px 10px;
	background-color: #757575;
	border: 1px solid #888888;
}
#login_lostpassword a:link, #login_lostpassword a:visited, #login_lostpassword a:active {
	color: #0E3D4D;
	text-decoration: none;
}
#login_lostpassword a:hover {
	text-decoration: underline;
	color: #000000;
}
.login_welcome {
	font-family: Arial, Helvetica, sans-serif;
	color: #2b7c98;
	font-size: 18px;
	letter-spacing: -1px;
	position: absolute;
	top: 35px;
	left: 60px;
}
.login_box {
	position: relative;
	left: 0px;
	right: 0;
	/*top: 120px;*/
	margin: 0 auto;
	text-align: left;
	width: 577px;
	height: 287px;
	background: url(images/login_box.jpg) no-repeat;
}
.box a.button, .box a.button:visited {
	float: left;
	height: 25px;
	display: block;
	background: #aaa url(images/bg_button_a.png) no-repeat left top;
}
.box a.button:active {
	background: #eee url(images/bg_button_a.png) no-repeat left bottom;
}
.box a.button span, .box a.button:visited span {
	float: left;
	height: 19px;
	color: #343434;
	display: block;
	cursor: pointer;
	font-size: 1.1em;
	font-weight: bold;
	padding: 6px 18px 0 18px;
	background: url(images/bg_button_span.png) no-repeat right top;
}
.box a.button:active span {
	color: #aaa;
	background: url(images/bg_button_span.png) no-repeat right bottom;
}
.bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
}
.box {
	background: url(images/bg_content_form.png) repeat-y left top;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}
.box_end {
	text-align: center;
	padding-bottom: 5px;
	margin-bottom: 20px;
	background: #ffffff url(images/bg_content_fieldset.png) no-repeat left bottom;
}
.dashboard_pic {
	font-weight: bold;
	color: #343434;
	font-size: 2em;
	padding-left: 30px;
	padding-bottom: 20px;
	background: url(images/dashboard.png) no-repeat left top;
}
ul.dashboard_links {
	list-style: none;
	float: right;
}
.content_box h2 {
	color: #fff;
	height: 27px;
	font-size: 1.7em;
	font-weight: bold;
	padding: 13px 0 0 15px;
	background: #8e5e4e url(images/bg_content_h2.png) no-repeat left top;
}
.tabs {
	list-style: none;
	float: right;
	margin-top: -30px !important;
	padding-right: 20px !important;
}
.tabs li {
	list-style: none;
	float: left !important;
	padding-left: 4px !important;
}
.tabs li a, .tabs li a:visited {
	color: #fff !important;
	float: left !important;
	display: block !important;
	font-size: 1.1em !important;
	background: #b6b6b6 url(images/bg_tabs_a.png) no-repeat left top !important;
}
.tabs li.active a, .tabs li.active a:visited {
	color: #566a97 !important;
	background: #fff url(images/bg_tabs_a.png) no-repeat left bottom !important;
}
.tabs li a span, .tabs li a:visited span {
	float: left !important;
	height: 20px !important;
	display: block !important;
	cursor: pointer !important;
	font-weight: bold !important;
	padding: 10px 20px 0 20px !important;
	background: url(images/bg_tabs_span.png) no-repeat right top !important;
}
.tabs li.active a span, .tabs li.active a:visited span {
	background: url(images/bg_tabs_span.png) no-repeat right bottom !important;
}
.tabs li a:hover {
	color: #6c6c6c !important;
}
.alert {
	height: 28px;
	text-align: right;
	margin-bottom: 20px;
	padding: 10px 15px 0 0;
	background: #d7d7d7 url(images/bg_alert.png) no-repeat left top;
}
.alert span.txt {
	float: left;
	height: 21px;
	display: block;
	font-size: 1.2em;
	padding: 2px 0 0 50px;
}
.alert span.icon {
	float: left;
	width: 16px;
	height: 16px;
	display: block;
	margin: -2px 17px 0 -33px;
	background: url(images/icon_alert.png) no-repeat left top;
}
#tip span.icon {
	background: url(images/icon_tip.png) no-repeat left top;
}
#congrats span.icon {
	background: url(images/icon_congrats.png) no-repeat left top;
}
.alert a, .alert a:visited {
	height: 0;
	color: #aaa;
	width: 27px;
	float: right;
	display: block;
	overflow: hidden;
	text-align: center;
	position: relative;
}
.alert:hover a, .alert:hover a:visited {
	height: 16px;
}
.alert a span, .alert a:visited span {
	height: 16px;
	cursor: pointer;
	background: url(images/bg_close.png) no-repeat left top;
}
#addtocartmenu {
	background-color: #808040;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 5px 10px 5px 10px;
}
#navlist {
	width: 150px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	font-size: 1.1em;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	clear:both;
}
#navlist ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#navlist ul li {
	margin: 0px;
	padding: 0px;
}
#navlist ul li a {
	font-size: 80%;
	display: block;
	border-bottom: 1px solid #DFCD9D;
	padding: 5px 0px 2px 4px;
	text-decoration: none;
	background-color: #C37800;
	color: white;
	width:150px;
}
#navlist ul li a:hover, #navlist ul li a:focus {
	color: white;
	background-color: #990000;
}
#navcontainer2 ul {
	padding-left: 0;
	margin: 0;
	background-color: #C37800;
	color: #ffffff;
	float: left;
	width: 100%;
	font-size: 1.2em;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	clear:both;
}
#navcontainer2 ul li {
	display: inline;
}
#navcontainer2 ul li a {
	padding: .7em .7em .7em .7em;
	background-color: #C37800;
	color: #ffffff;
	text-decoration: none;
	float: left;
	border-right: 1px solid #DFCD9D;
}
#navcontainer2 ul li a:hover {
	background-color: #990000;
	color: #ffffff;
}
#navcontainer2 li ul {
	background:#333333;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:225px;
	z-index:200;/*top:1em;
		/*left:0;*/
}
#navcontainer2 li:hover ul {
	display:block;
}
#navcontainer2 li li {
	background:url('images/sub_sep.gif') bottom left no-repeat;
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:225px;
}
#navcontainer2 li:hover li a {
	background:none;
}
#navcontainer2 li ul a {
	display:block;
	height:35px;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
}
#navcontainer2 li ul a:hover, #navcontainer2 li ul li:hover a {
	background:#2580a2;
	border:0px;
	color:#ffffff;
	text-decoration:none;
}
.menu {
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-size: 1.2em;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
}
.menu ul {
	background:#C37800;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
}
.menu li {
	float:left;
	padding:0px;
}
.menu li a {
	background:#C37800;
	color:#fff;
	display:block;
	line-height:35px;
	margin:0px;
	padding:0px 10px;
	text-align:center;
	text-decoration:none;
	border-right: 1px solid #DFCD9D;
}
.menu li a:hover, .menu ul li:hover a {
	background: #990000;
	color:#FFFFFF;
	text-decoration:none;
}
.menu li ul {
	background:#C37800;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:300px;
	z-index:200;
	font-size: 12px;
}
.menu li:hover ul {
	display:block;
}
.menu li li {
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:300px;
}
.menu li:hover li a {
	background:none;
}
.menu li ul a {
	display:block;
	height:25px;
	line-height:25px;
	margin:0px;
	padding:0px 10px 0px 10px;
	text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a {
	background:#990000;
	border:0px;
	color:#ffffff;
	text-decoration:none;
}
#footer {
	border-top:1px solid #DCCC9A;
	margin: 0px 10px 0 10px;
	padding-top:10px;
}
/* TEXT MAKEUP AND OTHER COSMETICS HERE!!! */

#hideable {
	background-color: white;
}
/* image properties */
.imgleft {
	float: left;
	padding: 6px 10px 6px 0px;
}
.imgright {
	float: right;
	padding: 6px 0px 6px 10px;
}
img {
	border-width: 0px;
}
/* this image is used in details.php and browse.php, all other images should not have borders */
.borderimg {
	border-style:solid;
	border-color: #D6DDE6;
	border-width:1px;
}
/* the headings you can use */
h1, h2, h3, h4, h5, h6, h7 {
	margin: 0px;
	padding: 0px;
	color: black;
}
h1 {
	/* right menu */
	 font-size: 13px;
	font-weight: bold;
	color: #33517A;
}
h2 { /* page headers */
	font-size: 14px;
	font-weight: bold;
}
h3 { /* slogan under logo */
	font-size: 15px;
	font-weight: bolder;
	position: relative;
}
h4 { /* back to admin options, and other text links like that */
	font-size: 12px;
	text-align: center;
	font-weight: normal;
}
h5 { /* product id in details.php */
	font-size: 12px;
	font-weight: bold;
}
h6 { /* the headers in editsettings.php */
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	color: black;
	border: 1px solid #808080;
	background: url(images/h6_bg.png) #d9dffb;
}
/* single pixel borders on input boxes */
input[type="text"] {
	border: 1px solid #abadb3;
}
input[type="image"] {
	padding: 0px 0px 0px 0px !important;
}
textarea {
	border: 1px solid #abadb3;
}
select {
	border: 1px solid #abadb3;
	background-color: #ffffff;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}
input[type="file"] {
	background: none;
}
/* text in tables */
td, th {
	font: 11px Verdana, Tahoma, Arial, sans-serif;
}
table.borderless a:hover {
	text-decoration:none;
}
table.datatable a:hover {
	text-decoration:none;
}
/* tables of this class have no border */
table.bordered {
	border: 1px solid #666677;
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
}
table.bordered td {
	border: 1px solid #666677;
	padding: 4px;
	text-align: left;
	vertical-align: top;
}
table.data {
	width: 500px;
	margin: 0 auto;
	border-collapse: collapse;
}
table.data caption {
	font-size: 1.5em;
	font-weight: bold;
	color: #6c6c6c;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
}
table.data tr.highlight {
	background: #f2f2f2 url(images/bg_td_highlight.png) repeat-x left top;
}
table.data th {
	height: 42px;
	color: #6c6c6c;
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}
table.data td {
	height: 28px;
	color: #6c6c6c;
	font-size: 1em;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #d5d5d5;
	border-left: 0;
}
table.data td.lefttd {
	border-left: solid 1px #d5d5d5 !important;
}
table.data td.left {
	padding-left: 5px;
	text-align: left;
}
table.data td.center {
	text-align: center !important;
	padding-top: 2px;
	padding-bottom: 2px;
}
table.data td.action {
	border-right: 0;
}
table.data td a, table.data td a:visited {
	color: #566a97;
}
table.data td a:hover {
	text-decoration: underline;
}
table.data ul {
	width: 96px;
	margin: 0 auto;
}
table.data li {
	float: left;
	padding: 0 4px;
}
table.data li a, table.data li a:visited {
	float: left;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
}
/* checkout.php */
table.checkout {
	width: 500px;
	margin: 0 auto;
	border-collapse: collapse;
}
table.checkout tr.highlight {
	background: #f2f2f2 url(images/bg_td_highlight.png) repeat-x left top;
}
table.checkout th {
	height: 24px;
	color: #6c6c6c;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	background: none;
	border: none;
}
table.checkout td {
	height: 18px;
	color: #6c6c6c;
	font-size: 1em;
	text-align: left;
	vertical-align: middle;
	border: solid 1px #d5d5d5;/*border-left: 0;*/
}
table.checkout td.lefttd {
	border-left: solid 1px #d5d5d5 !important;
}
table.checkout td.left {
	padding-left: 5px;
	text-align: left;
}
/* tables of this class have no border */
table#borderless {
	border-collapse: collapse;
	border-style: hidden;
}
table.borderless th, table.borderless td {
	border: 0px;
	padding: 5px;
	border-style: hidden;
	vertical-align: top;
}
table.borderless caption {
	font-size: 14px;
	font-weight: bold;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
}
/* a class that describes how tables should look */
.datatable {
	border: 1px solid #666677;
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
}
.datatable td {
	border: 1px solid #666677;
	padding: 4px;
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
}
.datatable th {
	background-color: #ccccdd;
	font-weight: bold;
	color: #666677;
	text-align: left;
	padding: 4px;
	border: 1px solid #808080;
	background: url(images/h6_bg.png) #d9dffb;
}
.datatable caption {
	font-size: 14px;
	font-weight: bold;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
}
.datatable tr.altrow {
	background-color: #E9EEF5;
	color: #000000;
}
/*.datatable tr:hover, .datatable tr.hilite {
		background-color: #dff;
		color: #000000;
}*/
	
/* (?) popup properties */
a.info {
	position:relative; /*this is the key*/
	z-index:24;
	background-image: url(images/question.gif);
	color:#000;
	text-decoration:none !important;
	font-size: 11px;
	cursor: pointer;
	font-weight: normal;
}
a.info:hover {
	z-index:90;
	background-color:#ff0
}
a.info span {
	display: none
}
a.info:hover span { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	z-index: 90;
	top:2em;
	left:1em;
	width:25em;
	border:1px solid #0cf;
	background-color:#cff;
	color:#000;
	text-align: left
}
/***************************************** WORLD OF CABINET'S CSS ******************************************/
/***************************************** WORLD OF CABINET'S CSS ******************************************/
/***************************************** WORLD OF CABINET'S CSS ******************************************/
/***************************************** WORLD OF CABINET'S CSS ******************************************/
/***************************************** WORLD OF CABINET'S CSS ******************************************/
/***************************************** WORLD OF CABINET'S CSS ******************************************/


/*Glossy MENU*/
.glossymenu {
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	width: 150px;
	border-bottom-width: 0;
}
.glossymenu li a {
	background: #C37800 repeat-x bottom left;
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	width: auto;
	padding: 3px 0;
	padding-left: 1px;
	text-decoration: none;
}
* html .glossymenu li a { /*IE only. Actual menu width minus left padding of A element (10px) minus 10*/
	width: 149px;
}
.glossymenu li a:active {
	color: white;
}
.glossymenu li a:visited {
	color: white;
}
.glossymenu li a:hover {
	background-color: #990000;
}
/*THIS IS THE MEDIA THINGY http://www.grungetextures.com/*/

/* sNews */
.searchfield {
	width:185px;
}
fieldset {
	border: 1px solid #DCCC9A;
	padding: 10px 8px;
	margin: 0 0 8px 0;
	background: #FBEAB7;
	color: #000;
}
input {
	padding: 2px;
}
textarea {
	width: 97%;
	height: 20em;
	padding: 3px;
}
.comment {
	background: #F5F6F6;
	color: #808080;
	padding: 10px;
	margin: 0 0 10px 0;
	border-top: 1px solid #ccc;
}
.commentsbox {
	background: #f4f4f4;
	color: #808080;
	padding: 10px;
	margin: 0 0 10px 0;
}
.date {
	font-size: .9em;
	text-align:right;
	border-top: 0px solid #DCCC9A;
	padding-top:3px;
	padding-right:15px;
	margin: 0 0 20px 0;
	clear:both;
}
.offsite_link {
	padding: 10px 10px 10px 0;
	clear:both;
	text-align:right;
	font-size: 1.1em;
	font-weight: normal;
	background: #EEDCAA;
}
.offsite_link a {
	padding: 4px 5px;
	background: #FDF1CE;
	border:1px solid #DCCC9A;
	font-weight: bold;
	font-size:1.1em;
}
.offsite_link a:hover {
	padding: 4px 5px;
	background: #FFF8E2;
	border:1px solid #DCCC9A;
	text-decoration: none;
}
.paginator {
	padding: 4px;
	text-align:center;
	margin: 0 5px 5px 0;
	margin-top: 30px;
}
.paginator span a:hover {
	color: #000;
	text-decoration: none;
}
.paginator span {
	padding: 0 5px;
	border: 1px solid #E5D5A3;
	background-color: #EFDEAB;
	margin-right:5px;
	text-decoration: none;
	font-size: .9em;
	padding: 5px 7px;
	color: #444444;
}
/*THIS IS THE STYLE THINGY*/
body {
	margin:  0;
	padding: 0;
	background: #532C05 url(http://worldofcabinets.com/images/bg.jpg) center top repeat-y;
	font-family: verdana, arial, sans-serif;
	color: #333333;
}
a:link {
	text-decoration: none;
	color: black;
}
a:visited {
	text-decoration:none;
	color: black;
}
a:active {
	text-decoration: none;
	color: black;
}
a:hover {
	text-decoration: underline;
	color: black;
}
#outer_page_wrapper {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 780px;
	background: #EEDCAA;
}
#inner_page_wrapper {
	margin: 0 10px;
}
#header {
	clear:both;
	margin: 0 0 0 0;
	padding: 0px 10px 0 10px;
	height: 111px;
	background: url(http://worldofcabinets.com/images/header.jpg) bottom right;
}
#header h1 {
	position:relative;
	text-indent: -9999px;
	margin-bottom: 0;
	margin-top:0;
}
#header h1 a {
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	width:310px;
	height:1.7em;
	min-height:111px;
	background:transparent;
	border:0px;
	font-size:1em
}
#site_description {
	border: 0px dotted #cccccc;
	margin-top:35px;
	width: 400px;
	float: right;
}
#site_description h2 a {
	text-align:center;
	font-size: 1.1em;
	font-weight: normal;
	letter-spacing: 0.02em;
	line-height: 1.3em;
	color: #003919;
	margin: 0 0 .4em 0;
}
#navcontainer ul {
	padding-left: 0;
	margin: 0;
	background-color: #C37800;
	color: #ffffff;
	float: left;
	width: 100%;
	font-size: 1.2em;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	clear:both;
}
#navcontainer ul li {
	display: inline;
}
#navcontainer ul li a {
	padding: .7em 1.1em .6em 1em;
	background-color: #C37800;
	color: #ffffff;
	text-decoration: none;
	float: left;
	border-right: 1px solid #DFCD9D;
}
#navcontainer ul li a:hover {
	background-color: #990000;
	color: #ffffff;
}
#main_content {
	float: right;
	width: 565px;
	border-right: 0px dotted #CCCCCC;
	margin-top:10px;
	padding:  0;
}
#footer ul {
	margin: 0 0 15px 5px;
	padding-left: 0;
	list-style: none;
}
#main_content ul {
	margin: 0 0 15px 5px;
	padding-left: 0;
	list-style: none;
}
#footer li {
	padding-left: 10px;
	background-image: url(http://worldofcabinets.com/images/arrow.gif);
	line-height: 1.6em;
	margin-bottom: .3em;
	background-repeat: no-repeat;
	background-position: 0 .5em;
}
#side_bar ul {
	margin: 0 0 15px 5px;
	padding-left: 0;
	list-style: none;
}
#side_bar li {
	padding-left: 10px;
	line-height: 1.4em;
	margin-bottom: .7em;
	background-repeat: no-repeat;
	background-position: 0 .4em;
}
.content_box {
	padding:15px;
	background: #FBEAB7;
	margin-bottom: 5px;
	border:1px solid #DCCC9A;
}
#full {
	border:0px dotted #DDDDDD;
	padding: 0;
}
#left {
	float: left;
	width: 330px;
	border:0px dotted #dddddd;
	padding: 0px;
}
#right {
	float: right;
	width: 230px;
	border:0px dotted #dddddd;
	padding: 0px;
}
#side_bar {
	float: left;
	width: 190px;
	border: 0px dotted #CCCCCC;
	margin-top: 10px;
	margin-right: 0px;
}
#footer {
	border-top:1px solid #DCCC9A;
	margin: 0px 10px 0 10px;
	padding-top:10px;
}
#footer p {
	text-align: center;
	padding: 0px 20px 10px 20px;
}
.footer_block {
	float: left;
	margin-left: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 160px;
	border: 0px dotted #CCCCCC;
}
.spacer {
	clear: both;
}
/*THIS IS THE PHOTO THINGY*/



a:link {
	text-decoration: none;
	color: #990000;
}
a:visited {
	text-decoration:none;
	color: #990000;
}
a:active {
	text-decoration: none;
	color: #990000;
}
a:hover {
	text-decoration: underline;
	color: #990000;
}
form {
	display: inline;
}
.dropdownadmin {
	font: 1em Arial, Helvetica, sans-serif;
	background-color: #fff;
}
.dropdown {
	font: 1em Arial, Helvetica, sans-serif;
	background-color: #fff;
}
.maincat_orderfield {
	padding: 1px;
	height: 14px;
	width: 25px;
	line-height: 13px;
	font-size: 10px;
	border-width: 0px;
	text-align: center;
}
.subcat_orderfield {
	padding: 1px;
	height: 14px;
	width: 25px;
	line-height: 13px;
	font-size: 10px;
	border-width: 0px;
	text-align: center;
}
.selectpricecat {
	font-size: 1em;
	background-color: #fff;
}
.pageselected {
	padding: 0 5px 0 5px;
	background: #EFDEAB;
}
.catdescription {
	padding: 5px 0 8px 0;
}
.inputfield {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	width: 97%;
	height: 14px;
}
.textarea {
	width: 97%;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}
.button {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}
.text {
	color: #333;
}
.copyright {
	font: 1.2em/1.3em Times, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000;
	padding-top: 8px;
	clear: both;
	white-space: nowrap;
	display: none;
}
.copyright a:active {
	color: #555;
	text-decoration: none;
}
.copyright a:visited {
	color: #555;
	text-decoration: none;
}
.copyright a:link {
	color: #555;
	text-decoration: none;
}
.copyright A:hover {
	text-decoration: underline;
}
.error {
	color: #ff0000;
}
.ok {
	color: #12BB00;
}
.htaccess {
	color: #0000FF;
}
.table100 {
	height: 100%;
}
.headline {
	color: #000;
	font-weight: bold;
	padding:0 0 4px 0;
}
.breadcrumb {
}
.tablehl {
	color: #fff;
	font-weight: bold;
}
.thumb {
	color: #000;
	border: 1px solid #ECE1C0;
	border-bottom: 1px solid #DDD3B4;
	border-right: 1px solid #DDD3B4;
	padding: 10px 2px;
	background: #F9EECB;
}
.thumbimage {
	border: 0px solid #ECE1C0;
}
.mediumcell {
	padding: 10px 0px;
}
.mediumimage {
	border: 0 solid #000;
	border: 1px solid #ECE1C0;
	border-bottom: 1px solid #DDD3B4;
	border-right: 1px solid #DDD3B4;
	padding: 12px 12px;
	background: #F9EECB;
}
.actionicons {
	vertical-align: middle;
}
.catstats {
	text-align: center;
	padding: 3px;
}
.tablehl A:active {
	color: #fff;
	text-decoration: none;
}
.tablehl A:visited {
	color: #fff;
	text-decoration: none;
}
.tablehl A:link {
	color: #fff;
	text-decoration: none;
}
.tablehl a:hover {
	color: #fff;
	text-decoration: underline;
}
.micro {
	font-size: 0.9em;
	color: #A5ADAE;
}
.star {
	font: bold 1.2em/1.8em "Courier New", Arial, Helvetica, sans-serif;
	color: #A5ADAE;
}
.menu_border {
	color: #000;
	border: 1px solid #A5ADAE;
}
.menu_option {
	background-color: #e6e6e6;
	white-space: nowrap;
	cursor: pointer;
}
.menu_option a:link {
	color: #000;
	text-decoration: none;
}
.menu_option a:visited {
	color: #000;
	text-decoration: none;
}
.menu_option a:active {
	color: #A5ADAE;
	text-decoration: none;
}
.menu_option a:hover {
	color: #A5ADAE;
	text-decoration: none;
}
.menu_hilite {
	background: #A5ADAE;
	white-space: nowrap;
	cursor: pointer;
}
.menu_hilite a:link {
	color: #000;
	text-decoration: none;
}
.menu_hilite a:visited {
	color: #000;
	text-decoration: none;
}
.menu_hilite a:active {
	color: #000;
	text-decoration: none;
}
.menu_hilite a:hover {
	color: #000;
	text-decoration: none;
}
div.cellspacing {
	font-size: 1px;
	height: 10px;
	width: 10px;
	clear: both;
}
.importframe {
	margin: 0 auto;
	padding: 2px 2px 10px 10px;
	height: 400px;
	width: 85%;
	overflow: auto;
}
.importframe_bottom {
	margin: 0 auto;
	padding: 10px 2px 10px 10px;
	width: 85%;
}
.importframe_head {
	margin: 0 auto;
	font-weight: bold;
	color: #FFF;
	padding: 2px 3px 2px 11px;
	width: 85%;
}
.uploadfieldset {
	padding: 15px;
	margin: 0;
}
.orderfieldset {
	padding: 15px;
	margin: 0;
}
.uploadlegend {
	padding: 0 5px 0 0;
	color: #A5ADAE;
}
.orderlegend {
	padding: 0 5px 0 0;
	color: #A5ADAE;
}
.emailtablehl {
	font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}
.emailtext {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
.preview {
	position: relative;
	z-index: 0;
}
.preview:hover {
	background: transparent;
	z-index: 50;
}
.preview span { /*CSS for enlarged image*/
	position: absolute;
	background: #fff;
	padding: 3px;
	left: -1000px;
	border: 1px solid #A5ADAE;
	visibility: hidden;
}
.preview span img { /*CSS for enlarged image*/
	border: 0;
	padding: 2px;
}
.preview:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 57px; /*position where enlarged image should offset horizontally */
}
.midimgalign {
	vertical-align: top;
}