@charset "utf-8";
body  {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	background: #73826F;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #20231F;
}
a:link,a:active,a:visited {
	color: #FF0000;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: none;
}
#container {
	width: 96%;  
	background: #FFFFFF;
	margin: 0 auto; 
	border: 1px solid #20231F;
	text-align: left;
} 
#header {
	background: #CAD1C9 url(media/v2Cart.png) no-repeat 24px center;
	padding: 0 10px 0 20px;
	border-bottom: 6px solid #A2ADA0;
} 
#header h1 {
	margin: 0;
	padding: 20px 0 0 130px;
}
#header_content {
	text-align: right;
	padding-right: 80px;
	padding-bottom: 6px;
	position: relative;
}
.content-header {
	border-bottom:4px solid #DFDFDF;
	margin-bottom:18px;
	padding-bottom:0.5em;
}
.content-header h1 {
	color:#C46200;
	float:left;
	font-size:1.25em;
	line-height:1.6em;
	margin:0.3em 0.5em 0 0;
}
.content-header select {
	display: block;
	float:left;
	color:#C46200;
	font-size:1.25em;
	line-height:1.6em;
	margin-bottom: 0em;
	margin-top: 1px;
	margin-right: 0.6em;
}
.content-buttons-placeholder {
	height: 24px;
	padding-bottom: 1px;
}
.content-header .form-buttons {
	float:right;
}
.content-header .content-buttons {
	margin:0;
	white-space:nowrap !important;
}
.below-content-header {
	position: relative;
	height: 24px;
}
.below-content-header input { 
	position: absolute;
	top: -12px;
	right: 0px;
}
/*logon*/
#logon{
	width:50%;
	font-size: 22px;
	color: #666666;
	min-height: 500px;
}
#logon fieldset {
	padding:20px;
	border: 1px solid #999999;
}
#logon legend {
	padding:6px;
	border: 1px solid #999999;
	margin-left:12px;
}
#logon label {display:block;float:left;width:140px;}
#logon input {}
#logon .input {
	margin: 6px 0px;
	padding: 6px 0px;
}


button {
	cursor: pointer;
}
.btnSubmit {
	background:#FF0000;
	border:1px solid #A30A05;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	margin:0;
	padding:2px 6px 3px;
}
#sidebar1 {
	float: left;
	width: 18%; 
	background: #DFE2DE; 
	padding: 15px 0; 
	border-right: 1px dotted #8E9D8C;
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
}
#sidebar1 h3, #sidebar1 p {
	margin-left: 20px; 
	margin-right: 10px;
}
#sidebar1 ul.vMenu {
}
#sb_toggle {
	height: 18px;
	cursor:pointer;
	width: 36px;
	position: absolute;
	top: 1px;
	right: 1px;
}
.show {
	background: url(media/button_sb_show.png) no-repeat right;
}
.hide {
	background: url(media/button_sb_hide.png) no-repeat right;
}
.vMenu li {
}
.vMenu li a {
}
.vMenu li a:link,
.vMenu li a:active,
.vMenu li a:visited {
	font-weight: bold;
	color: #671826;
	text-decoration: none;
}
.vMenu li a:hover {
}
#font-size-control {
	cursor: pointer;
	display: block;
	height: 36px;
	width: 72px;
	position: absolute;
	top: -6px;
	right: 9px;
}
#font-size-control img {
	padding-left: 6px;
}
#mainContent {
	margin: 18px 20px 0 20%;
}
#mainContent a:link,
#mainContent a:active,
#mainContent a:visited {
}
#mainContent a:hover {
}
#mainContent li {
	margin-bottom: 6px;
}
/* forms */
textarea.description {
	width:98%;
} 
/* data table styles */
table.data {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}
tr.header {
	font-size: 12px;
	color: #333333;
	background: #DFE2DE;
}
td.header {
	border: 1px solid #BDC4BB;
	padding: 2px;
}
td.label {
	font-weight: bold;
	text-align: right;
	background: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 4px;
}
tr.odd {
	background: #F8F8F8;
}
tr.even {
	background: #EAEAEA;
}
tr.open, td.open {
	background: #C2EBCF;
}
tr.closed, td.closed {
	background: #F0F0F0;
}
tr.cancelled, td.cancelled {
	background: #FFCCCC;
}
td.data, td.cancelled, td.open, td.shipped {
	margin: 0px;
	padding: 1px;
}
.history {
	background: #FFCC00;
}
.attention {
	background: url(media/bg_scanlines.png) repeat-x center center;
}
tr.header a:link,
tr.header a:active,
tr.header a:visited {
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}
tr.header a:hover {
	font-weight: normal;
	color: #996600;
	text-decoration: none;
}
tr.pagination {
	background: #CCCCCC;
}
.required { border: 1px solid #FF9797; }
.pagination td {
	border: 1px solid #666666;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	padding: 4px;
}
a.page_link:link,
a.page_link:active,
a.page_link:visited {
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}
a.page_link:hover {
	font-weight: normal;
	color: #996600;
	text-decoration: none;
}
.page_current {
	font-weight: bold;
	color: #FFFFFF;
}
.thumb {
	width: 92px;
	height: 104px;
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #788A75;
}
.thumb .label {
	display: block;
	text-align: left;
	margin-bottom: 3px;
	background: #CAD1C9;
	font-size: 10px;
	padding: 2px 2px 3px;
	border-bottom: 1px solid #788A75;
}
.noimage {
	background: url(media/th-noImage.jpg) no-repeat center center;
}
.del_img {
	width: 12px;
	height: 12px;
	float: right;
	border: 1px solid #FF0000;
	text-align: center;
}
.del_img a:link,.del_img a:active,.del_img a:visited {
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
.del_img a:hover {
	color: #000000;
}
/* server messages */
#msgs {
	width: 50%;
	background: #F0FFF0 url(media/icon_info.png) no-repeat 6px 6px;
	padding: 6px 6px 6px 38px;
	border: 1px solid #006600;
	margin-bottom: 12px;
}
#msgs ul {
}
#errors {
	width: 50%;
	background: #FFEAEA url(media/icon_redX.png) no-repeat 6px 6px;
	padding: 6px 6px 6px 38px;
	border: 1px solid #FF0000;
	margin-bottom: 12px;
}
#errors ul {
}
#footer {
	padding: 0 10px; 
	background: #CAD1C9;
} 
#footer p {
	margin: 0; 
	padding: 10px 0; 
	text-align: right;
}
#footer #debug {
	padding: 4px;
}

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.small {
	font-size: 9px;
}
.cssScrapboard {
	background: #E4AFAF;
}
.nobr {
	white-space: nowrap;
}
.disable_form { 
	position:relative;
}
#order_cancelled {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
	background: #333333;
	opacity: 0.6;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	text-align: center;
}
/* 'star-rating' component */
.starRate {position:relative; margin:5px; overflow:hidden; zoom:1;z-index:0;}
.starRate ul {width:160px; margin:0; padding:0;}
#mainContent .starRate li {margin:auto; display:inline; list-style:none;}
.starRate a, .starRate b {background-image:url(media/star_rate.gif);background-position:left 0;background-repeat:repeat-x;}
.starRate a {float:right; margin:0 80px 0 -144px; width:80px; height:16px; background-position:left 16px; color:#000; text-decoration:none;}
.starRate a:hover {background-position:left -32px;}
.starRate b {position:absolute; z-index:-1; width:80px; height:16px; background-position:left -16px;}
.starRate div b {left:0px; bottom:0px; background-position:left top;}
.starRate a span {position:absolute; left:-300px;}
.starRate a:hover span {left:90px; width:100%;}
