/* CSS Document */
/**
Colour key - v1_agroove4
#990000 - logo (capco red)
#FFFDE9 - Al's nice pale yellow
#694314
#94682D	- input border dark
#A46B1C
#C9A445
#DCB34A
#D4C29E	- input border light
#DDDBC7
#F0F0D9 - sidenav background, footer background
#6a7741 - green
**/

html, body{
	padding:0;
	margin:0;
	background-color:#fff;
}

/* default font values 
font shortcut  font: weight size/line-height family;
*/
body, p, td, h1, h2, h3, h4, li, label, input, select, textarea, a{
	font:normal 10px/12px Arial, Geneva,  Helvetica, sans-serif;
	color:#454d2a; /* #666; */
}
a.external{
	padding-left: 20px;
	background: url(../img/external_link.gif) no-repeat left center;
}
h1
{
	font-size: 2.0em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #454D2A;
	font-variant: normal;
	font-style: italic;
}
h2{
	font-size: 1.8em;
	line-height: 1.8em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#6a7741;
}
h3
{
	font-size: 1.6em;
	line-height: 1.6em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #6A7741;
}
h4{
	font-size: 1.4em;
	line-height: 1.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#6a7741;
}
p{
	line-height:130% !important;
}
/**  		LAYOUT AREAS			**/
div{
	padding:0px;
	margin:0px;
}
#outer_wrapper{
	margin:0px;
	text-align:center;
}
#inner_wrapper{
	/* holds all the main content on the page */
	margin:10px auto;
	padding:0px;
	text-align:left;
	clear:both;
	float:none;
	width:780px;
}
#header{
	background-color:#fff; /*  url(../img/CAPCO_Logo_red.gif) no-repeat 10px center;*/
	width:780px;
	/* height: 80px; */
	margin:0px auto;
	text-align:left;
	position:relative;
}
#nav_top{
	width:780px;
	clear:both;
	margin:0px auto;
	text-align:center;
	background:#FFFDE9;
	/* background-color:#D5D0BA;	 
	border-left:1px solid #d4c29e;
	border-right:1px solid #d4c29e;*/
	border:1px solid #663300;
	/*border-top:1px solid #990000;  #DAE0D2; - light grey */
}
#search_top{
	width:490px;
	float:right;
	padding-top:40px;
	/* border:1px solid #dae0d2;
	border-top:none; */
	background-color:#fff; /*  */
}
#stripe{
	width:780px;
	height:4px;
	margin:0px auto;
	border:1px solid #663300;
	/*border:1px solid #a46b1c;
	border-left:1px solid #d4c29e;
	border-right:1px solid #d4c29e; */
	border-bottom:none;
	/* border-bottom-color:#a46b1c; */
	clear:both;
	background: #990000;
/*	background: #FFCC66 url(../img/goldtab_horiz.jpg) left top no-repeat;*/
	/*background-color:#f0f0d9; #C9A445; #A46B1C;
	background: #c9A445 url(../img/top_stripe.jpg) repeat-x top left; */
}
#errMsg{
	width:780px;
	text-align:right;
	margin:1px auto;
	background-color:#ffff99;
	color:#333;
	/*height:0px;*/
	font-weight:bold;
	border-bottom:none;
	font-size: 120%;
}
.errMsg{
	text-align:right;
	margin:1px auto;
	background-color:#ffff99;
	color:#333;
	/*height:0px;*/
	font-weight:bold;
	border-bottom:none;
	font-size: 120%;
}
h2.userNote, h3.userNote{
	color:#fff;
	padding:2px 20px;
	background-color:#6A7741; /* 454d2a; */
}

#nav_side{
	width: 200px;
	float:left;
}
#main_promo
{
	float: right;
	width: 570px;
}
#main_content{
	float:right;
	width: 560px;
}
.clr{
	clear:both;
	line-height:1%;
	content:"";
}
#footer{
	height:20px;
	border:1px solid #000;
	color:#990000;
	/* border-left:none;
	border-right:none; */
	clear:both;
	background:#f0f0d9;
	margin:10px auto;
	width: 780px;
}

/** 		HEADER AREA				**/
#header a img
{
	border: none;
	padding: 10px;
	margin: 0px;
	float: left;
	/* position:absolute;
	top:1px;
	left:1px; */
}

ul#nav_top_list{
	margin:0px;	/* 1em auto;*/
	padding:0px; /* 3em 0px 0px;
	background-color:#D5D0BA; */
	width:780px;
	text-align:right;
	height:20px;
}
ul#nav_top_list li{
	float:right;
	display:inline;
	padding:0px;
	margin:0px;
	height:20px;
}
ul#nav_top_list li a{
	display:block;
	padding:0px 10px;
	font:bold 1.2em/1.8em  Arial, Helvetica, sans-serif; 
	text-decoration:none;
	/* background-color:#D5D0BA;
	border-right:1px solid #675f3f; 
	border-left:1px solid #fefefd;  #DAE0D2; */
	color:#000;
	margin:0px;
}
ul#nav_top_list li a:hover{
	/* text-decoration:underline; */
	color:#990000;
/*	background-color:#F0F0D9;*/
}
#header #current a {
	color:#C9A445;
}

/**			SIDE NAV				**/
ul#nav_side_list{
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	list-style:none;
	border:none;
	border-collapse:collapse;
	/* needs a border */
	/*border:1px solid #ffffff;
	 -moz-border-radius: 9px; */
}
ul#nav_side_list li{
	background: #990000 url(../img/left-nav-tab.gif) no-repeat;
	border:1px solid #333333;
	/** border-left:8px solid #d4c29e;
	border-collapse:collapse;**/
	margin:1px 0px;
}
/** for the current page change the background image on the list item to the red tab. **/
body#Browsing li.Browsing, body#Searching li.Searching, body#Wishlist li.Wishlist, 
body#Profile li.Profile, body#Register li.Register, body#Emails li.Emails, body#regSearch li.regSearch, 
body#Careers li.Careers, body#Categories li.Categories, body#Contacts li.Contacts, body#Features li.Features, 
body#Rotate li.Rotate, body#MngProducts li.MngProducts, body#Reports li.Reports, body#Users li.Users, 
body#Brands li.Brands, body#Units li.Units{
	background:#990000 url(../img/redtab_vert.jpg) no-repeat left top;
	
}
ul#nav_side_list li a{
	padding:2px;
	padding-left:8px;
	background: #f0f0d9 url(../img/left-nav-tab.gif) left top no-repeat;
	background: #FFFDE9;
	font:bold 12px/14px  Arial, Geneva, Helvetica, sans-serif; 
	color:#000;
	text-decoration:none;
	display:block;
	margin-left:10px;
}
ul#nav_side_list li a:hover{
	color: #990000;
}
#ad{
	width:200px;
	margin:10px auto;
	padding:0px;
	border:1px solid #d4c29e;
	font-size:1.2em;
}
div#ad h3{
	background-color: #6a7741;/* #D4C29E; #dcb34a; */
	color:#fff;
	font-weight:bold;
	margin:1px;
	padding:4px;
	font-size:1.4em; /* /1.6em Arial, Helvetica, sans-serif; */
	line-height: 130%;
}
#ad a, #ad a p, #ad a h3{
	text-decoration:none;
}
#ad p{
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	padding:6px;
	margin:10px 5px 10px 0;
	text-decoration:none;
}

/**			FORMS					**/
fieldset{
	 border: 1px solid #94682D;
	/*background-color:#DCB34A;
	margin:10px 0px 1px 0px;
	border:none; */
}
input, textarea, select{
	border: 1px solid #94682D;
	border-right-color:#D4C29E;
	border-bottom-color:#D4C29E;
	padding:1px;
	margin:5px;
	vertical-align:middle;
	background:#f0f0d9 url() left top no-repeat;
}
input.btn{
	border: 1px solid #D4C29E;
	border-right-color:#94682D;
	border-bottom-color:#94682D;
	padding:2px 5px;
	cursor:pointer;
}
input.findit{
	padding-left:20px;
	background:transparent url(../img/magnify.gif) no-repeat left center;
}
input.login{
	padding-left:20px;
	background:transparent url(../img/login.gif) no-repeat left center;
}

input:hover.btn, input:active.btn{
	border: 1px solid #94682D;
	border-right-color:#D4C29E;
	border-bottom-color:#D4C29E;
}
input.chk{
	background-color:#fff;
}
input.narrow, select.narrow, textarea.narrow{
	width:50px;
}
input.mid, select.mid, textarea.mid{
	width:100px;
}
input.midtwo, select.midtwo, textarea.midtwo{
	width:200px;
}
input.wide, select.wide, textarea.wide{
	width: 300px;
}
input.xtrawide, select.xtrawide, textarea.xtrawide{
	width: 400px;
}
form#searchForm{
	width: 470px;
	padding:0px;
	margin:0px;
	padding-top:10px;
	float:right;
	clear:right;
	text-align:right;
}
form#searchForm input{
	background-color:#FFFDE9;
	margin:3px;
	font-size:1.2em;
	line-height:1.4em;
}
form#searchForm input.btn{
	background-color:#fff;
	border:none;
	font-weight:bold;
	text-decoration:underline;
}
form#advancedSearchForm{
	width: 470px;
	padding:0px;
	margin:0px;
	text-align:right;
	float: right;
}
form#advancedSearchForm fieldset{	
	background-color:#fff;
}
form#advancedSearchForm label{
	font-size:12px;
}
form#advancedSearchForm table{
	border:none;
}
form#contactForm{

}
#loginArea input.img, #registerArea input.img, #main_content input.img{
	background-repeat:no-repeat;
	background-position:right top;
	background-color:#fff;
	width:150px;
}

/**			HOME PAGE MAIN AREA		**/
table#features{
	padding:0px;
	margin:8px 0px;
	width:100%;
	/* border-collapse:collapse; */
}

table#features td{
	/* font:normal 12px/14px Arial, Helvetica, sans-serif; */
	padding:4px;
	margin:0px;
	text-decoration:none;
	border: 1px solid #663300; /** #D4C29E; **/
	vertical-align:top;
}
table#features p, table#features a, table#features a p{
	font:normal 12px/14px Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	padding:0 6px;
	margin:0;
}
table#features th
{
	padding: 0px;
	margin: 8px;
	color: #FFFDE9;
	background: #990000 url(../img/feature-background.gif) 30% top no-repeat;
	border: 1px solid #663300;
	border-top: 5px solid #000000;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	line-height: 1.6em;
	font-weight: bold;
	font-variant: small-caps;
}

table#features img.demoImg, img.demoImg{
	float:left;
	padding:3px;
	margin:2px 6px 2px 2px;	
	background-color:#f0f0d9;
	border:1px solid #6a7741; /* #dcb34a;*/
}
table#features img.demoImg{
	max-width:80px;/** Does not get used for the main image on the home page  **/
}

#main_promo{
	margin:1px;
	padding:1px;
	/** border-bottom:10px solid #a46b1c; **/
}

#main_promo p
{
	text-align: left;
	padding: 6px;
	margin: 5px 0 5px 5px;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 16px;
	font-variant: normal;
	font-weight: normal;
}

#main_promo a
{
	text-decoration: none;
}

#main_promo h1, #main_promo h2
{
	padding: 3px;
	margin: 0px;
	background-color: #fff;
	/* #f0f0d9; #dcb34a; */
	color: #6a7741;
	/* #990000; */
	/* border:1px solid #a46b1c; */
}
#main_promo h3, #main_promo h4{
	padding:5px;
	margin:1px;
	color:#94682D;
}

#main_promo img.demoImg{
	float:left;
	padding:7px;
	margin:5px 10px 5px 0px;
	/* width:300px; */
	background-color:#fff;
	border:1px solid #6a7741; /* #694314; */
}

/**			OTHER PAGE MAIN AREA	**/
#main_content span.button{
	/** style this for the admin user assume identity button **/
	border:1px solid #000;
	border-left-color:#666;
	border-top-color:#666;
	background-color:#ccc;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	padding:6px;
	margin:5px;
	cursor:pointer;
}

#main_content{
	margin:1px;
	padding:1px;
}
#main_content p{
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	padding:6px;
	margin:5px;
}
#main_content p a{
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#990000;
}
#main_content h1, #main_content h2{
	margin:2px;
	font-weight:bold;
}
#main_content h3, #main_content h4{
	margin:2px;
	font-weight:bold;
}
ul#sitemapList{
	list-style:circle;
}
ul#sitemapList li{
	padding:5px;
	font-size: 1.0em;
}
ul#sitemapList li a{
	font-size:1.2em;
	color:#990000;
}
ul#sitemapList li a:hover{
	color:#c9a445;
}
#main_content table td span.rev{
	unicode-bidi:bidi-override;
	direction:rtl;
	cursor:pointer;
	text-decoration:underline;
}

#main_content table td span:hover.rev{
	color:#990000;
}

/**			PSEUDO HOVERBOX			**/
table#productList td.hoverbox a{
	/* position:relative; */
}
td.hoverbox a img{
	display: block;
	border:1px solid #6a7741; /*#dcb34a; */
	padding:4px;
	background-color:#fff;
	z-index:1;
	margin:0px;
}
td.hoverbox a img.thmb{
	/*width:80px;  */	
}
td.hoverbox a div.preview{
	/** display: none; **/
	visibility:hidden;	
	position: absolute;
	margin:10px 0 0 10px;
	padding:0px;
	/** width:250px;
	z-index: 10;
	top: -40px; 
	left: 10px; 
	padding:10px;**/
}
td.hoverbox a div.preview img{
	/* margin:5px; */
}


/**			REGISTER / LOGIN		**/
#registerArea{
	float:left;
	width:250px;
	border-right:1px solid #d4c29e;
}
#loginArea{
	float:right;
	width: 250px;
	padding-left:20px;
}
#loginArea h4, #registerArea h4{
	font-weight:normal;
	text-decoration:underline;
}

/**			CATALOGUE AREA			**/
#trail a{
	color:#990000;
	margin:2px 8px;
}
a#thickbox img{
	display: block;
	border:1px solid #6a7741; /*#dcb34a; */
	padding:4px;
	/* width:80px; */
	background-color:#fff;
	z-index:1;
}
div.pagingResults{
	text-align:center;
}
#categories li{
	font: normal 12px/14px Arial, Helvetica, sans-serif;
}
#categories li a{
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	color: #990000;
}
#products{
	background-color:#FFFDE9;
	padding:10px;
	margin:8px;
	border:1px solid #990000;
}
#products h3, #products h4{
	margin-top:2px;
	font-weight:bold;
}
#products span strong{
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color:#dcb34a;
}
#products a.pageMenu{
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color:#990000;
}
#products a.pageMenu:hover{
	color:#dcb34a;
}
#main_content table#productList{
	margin:10px;
}
#main_content th{
	border:none;
	font-size: 1.2em;
	font-weight:bold;
	color:#6a7741; 
	font:bold 12px/14px Arial, Helvetica, sans-serif;
}
#main_content table.admin td{
	vertical-align:middle;
}
#main_content td
{
	border: none;
	margin: 8px;
	padding: 10px 5px 5px 5px;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	vertical-align: top;
}
#main_content td a{
	font: bold 12px/14px Arial, Helvetica, sans-serif;
}
#productList tr.odd, table tr.odd
{
	background-color: #fffac8;
}
#productList tr.even, table tr.even
{
	background-color: #ffffff;
}
#productList td{
	font: normal 12px/14px Arial, Helvetica, sans-serif;
}
#productList td a{
	color:#990000;
}
div#detail{
	font: normal 12px/14px Arial, Helvetica, sans-serif;
}
h2.productTitle, h3.productTitle{
	padding-bottom: 8px;
}
div#detail img.imgDetail{
	float:left;
	/** width: 250px; **/
	padding:4px;
	border: 1px solid #6a7741;
	background-color:#f0f0d9;
	margin:1px 10px 10px 1px;
}
div#detail label{
	/* display:block; */
	color:#6a7741;
	font: bold 12px / 20px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
div#detail p{
	margin:4px 15px;
	padding:2px;
}
div#detail label.frm{
	color:#6a7741;
	font: normal 12px / 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
div#detail h4{
	margin:0;
	padding:2px 10px;
	background-color:#6a7741;
	color:#fff;
	font: normal 16px / 18px Arial, Helvetica, sans-serif;
}
ul#itemCount{
	background-color:#f0f0d9;
	margin:10px;
	padding:10px 0 10px 10px;
	list-style-position:inside;
}
ul#itemCount li{
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	color:#6a7741;
}

/**			REGISTRY AREA			**/
div.regTitle{
	background-color: #f0f0d9;
	color:#6a7741;
	border:1px solid #6a7741;
	font: bold 1.4em/1.6em Georgia, "Times New Roman", Times, serif;
	padding:5px;
	cursor:pointer;
}

div.regTitle span.openClose{
	padding-left: 24px;
	background: #f0f0d9 url("../img/opencloseicon.gif") no-repeat left center;
}

div.regTitle span.editRegName{
	padding-left: 40px;
	background: #f0f0d9 url("../img/uns_pencil.png")no-repeat 20px center;
}
div.regTitle span.editRegNameSave{
	padding-left: 40px;
	background: #f0f0d9 url("../img/disk.png")no-repeat 20px center;
}


div.regArea{
	background-color: #f0f0d9;
	color:#694314;
	border:1px solid #6a7741;
	font:normal 1.0em/1.2em Arial, Helvetica, sans-serif;
	padding:5px;
	display:none;
}

/**			FOOTER 					**/
#footer p{
	margin:5px auto;
	width:700px;
	color:#000; /* #694314; */
}
#footer p a{
	margin:0px 10px;
	color:#000; /* #694314; */
}
#footer p a:hover{
	color:#990000; /* #a46b1c; */
}

/*               AL's ADDITIONS                           */

hr
{
	/*the border*/
	width: 95%;
	height: 1px;
	/*whatever the total width of the border-top and border-bottom equal*/
	border-color: #900 #999 #999 #999;
	border-width: 1px 0 0 0;
	border-style: solid none none none;
}