/* added by matt */
p, td, input, select, textarea, ul, form { font-family: Verdana, Arial; font-size: 11px; }
body  {
		font: 100% Verdana, Arial, Helvetica, sans-serif;
	/*background: #ffffff;*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;

    background-image: url(img2/campbell_bg.gif); /** Link to the image you created **/
    background-repeat: repeat-y; /** Repeats the image vertically **/
    background-position: center; /** Centers the Background image **/
    background-color: #990000; /** Website BG colour (matches canvas colour in Step 1) **/
}
h1 {color:#990000; font:Verdana; font-size: 14px;margin:20px 0 0 3px }
h2 {color: #990000; font:Verdana; font-size: 14px;font-weight:normal } /* text-transform:uppercase;}*/
h3 {color: #000066; font-size: 11px; }

/*.txtbox1{border:1px solid #000066;}*/

input[type=text]{border:1px solid #cccccc;background-color:#ffffff}
input[type=password]{border:1px solid #cccccc;background-color:#ebebeb}
textarea{border:1px solid #cccccc;}

.graytxt{color:#666666;font-weight:bold}



div, ul, li, span, form {
    margin:0;
    padding:0;
}

#mainContent .products td {border-bottom: 1px solid #cc9933; height: 22px; vertical-align: top; font-size:10px;}
#mainContent .products td.left {text-align: left}
#mainContent .products a:link {color:#000000; text-decoration: none}
#mainContent .products a:hover {color: #990000; text-decoration: underline}
#mainContent .products a:visited {color: #666666; text-decoration: none}

#mainContent .products_th td {background-image:url(img2/tabletop.gif); color: #990000; height: 22px; font-weight:normal; vertical-align:middle;}
#mainContent .products_th a:link {color:#990000; text-decoration: none;}
#mainContent .products_th a:hover {color: #990000; text-decoration: underline}


#mainContent .grdadmin {border-collapse:collapse;border:1px solid #eeeeee}
#mainContent .grdadmin_td {border: #eeeeee 1px solid;padding : 2px; font-size:11px }
#mainContent .products_tf {border: #eeeeee 1px solid;padding : 2px; font-size:11px }
#mainContent .grdadmin_td a{color:#000000}
#mainContent .grdadmin_td a:hover{color:#990000}
#mainContent .grdadmin_th {background-color:#e0e0e0; color:Black;  padding : 3px;border-bottom:2px solid #990000 }
#mainContent .grdadmin_th a {color: #990000;text-decoration:none;font-size:12px}

#mainContent .grdadmin_th a:hover {text-decoration:underline}
#ContentWrapper {height:100%; float:left;width:680px;_width:100%;}


.ordertbl {border: #666666 1px solid;border-collapse:collapse; width:100%}
.ordertbl th {background-color: #666666; color: #ffffff; font-weight: bold;}
.ordertbl .total {font-size: 14px; font-weight:bold;}
.ordertbl .total1 {font-size: 14px; font-weight:bold;}
.orderdtl {border: #c0c0c0 0px solid;border-collapse:collapse; width:95%}
#ctl00_MPMain_lblTotalInc{color:#cc0033}

.pagenum {font-size: 10px; color:#666666;}
.pagenum a{ color:#666666;}
.mnu2 {text-transform:uppercase; }

.ProdsNav {width: 200px;  border-right:1px solid #990000;margin:0px; }
.ProdsNav a {color:#000000; text-decoration:none;}
.ProdsNav a:hover {color: #000000;}
.ProdsNav h1 {font-size: 10px; padding:0px 0 5px 10px; margin:5px 0 0 0px;width:200px;height:17px;background-image:url(img2/topcat.gif);background-repeat:no-repeat;}/*top categories*/
.ProdsNav h1 a {font-weight: bold; color:#ffffff;}
.ProdsNav h2 {font-size: 10px; padding-left:15px; padding-right:5px; text-transform:none; margin:5px 0px 0 0; width:180px}/*2nd cat*/
.ProdsNav h2 a:hover {color: #990000;}
.ProdsNav h2.selectedrow {background-color: #f1f1d7;}
.ProdsNav h2.selectedrow a {color: #990000;}
.ProdsNav h3 {font-size: 10px; padding-left:20px; text-transform:none; margin:5px 5px 0 0;}
.ProdsNav h4 {font-size: 10px; padding-left:20px; text-transform:none; margin:5px 5px 0 0;}
div.ProdsNav {float:left; width:210px; margin-right:10px;font-family:Verdana, Arial, Helvetica, sans-serif}
.subcatbox {background:#fcf8ed; width:98%; padding:10px;}
.subcatbox a{color:#000000; text-decoration:underlined;font-size:12px;}
.subcatbox a:hover{color:#990000;}
.subcatitem {
	padding-left: 25px;
	background-image:  url(img2/subcat.gif);
	background-repeat: no-repeat;
	background-position: 10px .25em;
	padding-bottom: 5px;
}
.subcatitem a{ text-decoration:none; }
/*#Table1 a{color:#102153}*/
#ctl00_MPMain_pnlPriceSets a{color:#cc9933;padding-left:12px;}
#ctl00_MPMain_pnlSets a{color:#cc9933;padding-left:12px;}
#ctl00_MPMain_btnEdit {color:#cc9933;background-image:url(img/arrow2.gif);background-repeat:no-repeat;padding-left:12px;}
.ProdsActual{ padding-left:10px;}/*product table space*/
.ProdsContainer{height:100%;}/*product lists and table together*/

.breadcrumbs{color:#990000;width:470px}
.breadcrumbs a{color:#666666;}


.hdgtext{color:#990000;font-size:14px;font:Verdana, Arial, Helvetica, sans-serif;font-weight:bold}
.faq_txt1{font-size:12px;color:#990000}
.faq_txt2{font-size:12px;color:#000000;margin-top:20px}
#helpdrill_title {
	height: 36px; width: 100%;
	margin: 0em; padding: 0 1 em;
	background:  url(img2/help.gif) top left no-repeat;
	background-color: white;
	}
	

.helpdrill  { width:34%; height:100%;padding-right:20px;}
#mainContent .helpdrill .prodlist li{border-bottom:2px solid #990000;margin-bottom:10px;list-style:square;margin-left:20px;color:#990000;}
#mainContent .helpdrill .prodlist li a {color: #990000;font-size:12px;font-weight:bold;text-decoration:none;padding:10px;}
#mainContent .helpdrill .prodlist li a:hover { color: #000000; }
#mainContent .helpdrill .prodlist .submenu li a {background:none;padding-left:1px;color:#000000;font-size:10px;font-weight:normal}
#mainContent .helpdrill .prodlist .submenu li{border:none;list-style:lower-alpha;color:#000000;}
.helpdrill #prodlist_end_1 { background:  url(images/helplist_end1_1.gif)  no-repeat; }
.helpdrill #prodlist_end_2 { background:  url(images/helplist_end2.jpg) top left no-repeat; background-color:white;}	
.helpdrill .bt_var { background:none; background-color: white; }
#mainContent .helpdrill .prodlist .submenu li .selected1 { background-color: #FDF7D2; color: #990000; }
#mainContent .helpdrill .prodlist .submenu li a:visited { color: #000000; }
#mainContent .helpdrill .prodlist .submenu li a:active { color: #000000; }
#mainContent .helpdrill .prodlist .submenu li a:link { color: #000000; }
#mainContent .helpdrill .prodlist .submenu li a:hover{ background:none; color: #A3953D; }


/* added by matt - end */
.thrColElsHdr #container { width: 880px; background: #FFFFFF; margin: 0px auto;  text-align: left; } 
.thrColElsHdr #header { background-image: url(img2/header_bg2.gif);  padding: 0px 10px 0px 10px; float: left;height:90px;margin:10px 5px 0 5px ;} 
.thrColElsHdr #header h1 { margin: 0; padding: 10px 0; }
.thrColElsHdr #sidebar1 { float: left; width: 13em; padding:0; margin: 0 0 0 10px; _margin: -15px 0 0 10px; _display:inline; height: 861px; background-color: #EBEBEB; }
.thrColElsHdr #sidebar2 { float: right; width: 9em; background: #EBEBEB; margin: 0 10px 0 0;  _display:inline; height: 861px; _height: 840px; }
.thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 p, .thrColElsHdr #sidebar2 p, .thrColElsHdr #sidebar2 h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}


/* place css fixes for all versions of IE in this conditional comment */
.thrColElsHdr #sidebar1, .thrColElsHdr #sidebar2 { padding-top: 30px; }
.thrColElsHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */

.loginbox { padding-left:20px;height:86px;padding-top:10px;}
.login_welcome {color:#000066;}
.login_links { margin-left:-10px;padding:30px;padding-top:-50px;height:40px;width:370px;}
.login_links a{color:#000066;}
.login_links a:hover{color:#CC6600}
.login_content1 {margin-top:40px;}
.logintable{width:250px; height:100px;border:2px dashed #cc9933;}
.logintable a{color:#000066;}
.login_instr{color:#000066;height:20px;padding-top:10px;display:none;}
.thrColElsHdr #loginmenu { float: right; padding-left: 190px; padding-top: 0px; width:300px;text-align:right;margin:0 5px 0 0;}
/*.thrColElsHdr #searchdiv { float:right; padding-top: 15px;padding-right:0px;_padding-top:0px;_padding-right:-20px;}*/
.thrColElsHdr #searchdiv { float:right; padding: 2px 5px 2px 5px; margin:0 0px 0 0;width:283px;color:#ffffff;background:url(img2/search.gif) top left no-repeat;}
.thrColElsHdr #searchdiv form { padding: 0; margin:0;}
.thrColElsHdr #logo{
	border: none;
	width: 187px;
	float:left;
	padding: 25px 10px 0px 7px;
	
}

.thrColElsHdr #mainContent {
	/*margin: 0 10em 0 14em;*/
	margin: -5px 168px 0 7px;
	/*margin: 0 200px 0 3px;*/
	

/*	width:600px;*/
} 
.thrColElsHdr #footer {
	padding: 0px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-image:url(img2/footer.gif);
	height:24px;
	text-align: center;
	font-family: arial;
	font-size: 10px;
	color: #666666;

	margin:10px 10px 0px 10px;
} 
.thrColElsHdr #footer p {
	/*margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	margin: 10px 0 0 0;
	_display: inline;
	}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	

}
.about{
	
	float: right;
	padding: 1px 12px 0 10px; /*500px;*/
	list-style:none;
	
/*	_padding-right:9px;*/
	font-weight: normal;

	
	
}
.about a{
	color:#000066; font-weight:bold;font: arial;
	font-size: 11px;
	text-decoration: none;
  
	
}
.about a:hover{
	
	text-decoration: underline;
	
}
.track{
	color:#000066;
	font: arial;
	font-size: 10px;
	font-weight: normal;
	margin-top: 30px;
	padding-top: 30px;
}
.track a{
	color:#000066;
	text-decoration: none;
	
}
.track a:hover{
	
	text-decoration: underline;
	
}

.ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #678b3f;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}
/*.topbar{width:980px; height:34px;background: url(img/bar.gif) top left repeat-x;_margin-top:-49px;}*/
.topbar{float:right; width:280px; margin-top:22px;padding:0;color:#ffffff;}
.topbar a{color:#ffffff;font-weight:normal;} 
.glossymenu{
	padding: 0px 0px 0 1px;
    
	margin: 0px 0 0 15px;
	height:34px;
	

	list-style: none;
	float: left;
	width:627px;
/*	width: 790px;
	_width:787px;*/
	background: url(img2/menubar.gif);
	background-repeat:no-repeat;
	font-weight: normal;
/*	margin-bottom: 0px;*/
	
	}

.glossymenu li.tabmenu{
	float:left;
	width: auto;
	 
	list-style: none;
}

.glossymenu li.tabmenu  a{
font-family:Verdana, Arial, Helvetica, sans-serif;
	float: left;
	display: block;
	color:#ffffff;
	text-decoration: none;
    font-size: 12px;
	font-weight: normal;
	padding:0 0 0 22px; /*Padding to accomodate left tab image. Do not change*/
	line-height: 34px;
	text-align: center;
	cursor: pointer;
	/*background: url(img/menuLeft.gif) no-repeat left top;	*/
}

.glossymenu li.tabmenu a b{
	float: left;
	display: block;
	padding: 0 25px 0 2px; /*Padding of menu items*/
	background: url(img2/divider.gif) no-repeat right top;
	}

.glossymenu li.current a, .glossymenu li.tabmenu a:hover{
	color: #990000;
	background: url(img2/menuLeft_crnt2.gif) no-repeat left top;
	margin-bottom: 0px;
}

.glossymenu li.current a b, .glossymenu li.tabmenu a:hover b{
	color: #990000;
	background: url(img2/menuRight_crnt3.gif) no-repeat right top;
}
.glossymenu li.current a {
	color: #990000;
	background: url(img2/menuLeft_crnt.gif) no-repeat left top;
	margin-bottom: 0px;
}
.glossymenu li.current a:hover {
	color: #990000;
	background: url(img2/menuLeft_crnt.gif) no-repeat left top;
	margin-bottom: 0px;
}

.glossymenu li.current a b{
	color: #990000;
	background: url(img2/menuRight_crnt.gif) no-repeat right top;
}
.glossymenu li.current a:hover b{
	color: #990000;
	background: url(img2/menuRight_crnt.gif) no-repeat right top;
}
.categ1{
	color: #F7951F;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	padding: 5px 0 5px 10px;
	
    font-size: 12px;
	margin:0px;
	_margin:-20px 0 0 0;


		font-weight: bold;
	border-bottom: 2px solid #999999;
		border-bottom: 2px solid #999999;
}
/*right nav*/
 #navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navcontainer a
{
	display: block;
	color: #666666;
	background-color: #EBEBEB;
	
	text-decoration: none;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	font-size: 10px;
	padding: 5px 0 5px 15px;

	
}

#navcontainer a:hover
{
	background-color: #999999;
	color: #FFFFFF;
	
	
	
	
}
.cart
{width:156px;
height:119px;

	
    background-image:url(img2/cart.gif);

	padding: 20px 10px 0px 15px;
	
	font: Arial;
	font-size: 10px;
	color: #000000;
	background-repeat: no-repeat;
	background-position: 10px 15px;
	
	
	text-align:center;
	text-decoration: none;
	font-weight:bold;
	
}
.register
{width:156px;
height:119px;
	margin-left:15px;

	padding: 20px 10px 10px 0px;
	
	font: Arial;
	font-size: 10px;
	color: #102153;
	
	
	
	text-align:center;
	text-decoration: none;
	font-weight:bold;
	
}

.quicklink
{width:130px;

margin-left:30px;	
background:#f1f1d7;

	
}
.quicktitle
{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#990000;
padding:5px 5px;
border-bottom:1px solid #cccccc;
}
.quickmenu
{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
padding:0px 0px 5px 0px;
}
.featimg
{
text-align:center;
margin-top:5px;
}
.rightnav .featimg a {border:none;margin:0;padding:0}
.rightnav .featimg a:hover{background:none;color:#FF9900}
.rightnav .quickmenu a {border:none;}
.rightnav .quickmenu a:hover{background:none;color:#FF9900}

.catalogue
{width:180px;
height:150px;
	

	padding: 0px 10px 10px 0px;
	
	font: Arial;
	font-size: 10px;
	color: #102153;

	
	
	text-align:center;
	text-decoration: none;
	font-weight:bold;
	
}

.cart2{ color:#cc6600; font-weight:bold; font-size:10px; text-decoration:none }

.cartimage img {border:none;text-align:center;}

.cartnumitems {color:#cc0033;padding-top:30px}
.carttotal {color:#cc0033; }



.btn
{
	padding: 4px;
	
	font-size: 10px;
	font: Arial;
	font-weight: bold;
	margin-top:2px;
	cursor: hand;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	border:0px;
	background-color: #444444;
	
}
/*.btn2{padding:7px;
margin:0;

	
	font-size: 10px;
	font: Arial;
	font-weight: bold;
	
	cursor: hand;
	color: #000066;
	text-align: center;
	text-decoration: none;
	border:0px;
	background-image:url(img/loginBTN.gif); width:112px;height:22px;border:0; }*/
#ctl00_MPMain_hlChangePassword{color:#cc9933;background-image:url(img/arrow2.gif);background-repeat:no-repeat;padding-left:12px;}
#ctl00_MPMain_btnAddMult{color:#990000;background-image:url(img/arrow_gbg.gif);background-repeat:no-repeat;padding-left:12px;}

.btn_so
{
padding: 5px;
	
	font-size: 10px;
	font: Arial;
	font-weight: bold;
	margin: 0px;
	text-transform: uppercase;
	cursor: hand;
	color: #ffffff;
	text-align: center;
	margin-top:10px;
	border:0px;

}






.button
{
	background-image: url(img/button_m.png);
	font: Arial;
	color: #FFFFFF;
	border-bottom-style: groove;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	margin:0;
    text-transform: uppercase;	
	text-decoration: none;
}
.button2
{
	background-image: url(img/button_m.png);
	font: Arial;
	color: #ffffff;
	border-bottom-style: groove;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	padding: 3px;
	margin:0;
    text-transform: uppercase;	
}
.button3
{
	background-image: url(img/button_m.png);
	font: Arial;
	color: #ffffff;
	border-bottom-style: groove;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
	margin:0;
    text-transform: uppercase;	
}
.button a
{

	font: Arial;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	
}
.button a:hover
{
	color: #1C3A6A;
}

.path
{
	font-size:10px;
	color:#003366;
	margin-bottom: 10px;
	font: Arial;
}

.featured_text
{
	font: Arial;
	font-size:12px;
	font-weight: bold;
	color: #ffffff;
	padding: 5px;
	background: url(img/bg.gif) top left repeat-x;
}
.productBox {
	background-color:#EBEBEB;
	padding: 10px 20px 20px 20px;
	height: 565px;
}
.subBox {
	background-color:#FFFFFF;
	width: 180px;
	height: 275px;
	text-align: center;
	color: #000033;
	font-size: 10px;
	font-weight: bold;
	float:left;
	_display: inline;
	margin: 6px;
	padding: 0;
}


.prodetail_title {
	font-family: verdana;
	font-size: 18px;
	font-weight: bold;
	color: #990000;
	padding-top:0;
	margin-top:0;
}
.prodetail_price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #990000;
}
/*.prodetail_otherprice { margin-left:38px; }
.prodetail_bulk {padding-left:38px; }
.categ_instr{color:#000066}*/
/*.addtoord{padding:0px;margin:0;float:left;margin-left:40px;margin-top:10px;z-index:3;}*/
.prodetail_addtofav { background-image:url(img2/atf.gif);background-repeat: no-repeat;font-size: 22px; text-decoration: none;margin-top:-25px;margin-right:100px;padding:8px;z-index:2;float:right}
.prodetail_delfromfav {background-image:url(img2/dff.gif);background-repeat: no-repeat; font-size: 22px; text-decoration: none;margin-top:-25px;margin-right:100px;padding:8px;z-index:2;float:right}
.prodetail_image{float: left; width:200px; height: 200px;border: 1px solid #990000;text-align:center;background-image:url(img2/enlarge.gif);background-position:bottom right;background-repeat:no-repeat}

.prodetail_box{ float:left; width:240px; margin-left: 20px; }
.prodetail_code{ font-size:12px; color:#dd8d3b;font-weight:bold; margin-left: -10px; padding: 5px 0 5px 10px;width:auto; background-color:#f1f1d7}
.prodetail_qty{font-size:12px; font:Arial; font-weight:bold; color:#990000;}
.prodetail_cat{font-size:10px; font:Arial; font-weight:bold; color: #666666;}
.CategoryPath a{color: #666666;}
.CategoryPath a:hover{color: #000066;}

.qty_box{width:40px;height:17px; border:1px solid #000066;}
.prodesc_txt{font-family:Arial, ; font-size:12px; color:#990000;font-weight:bold;  text-align:right; }
.prodesc_box{border-top:1px dotted #990000;}
.prodesc_title{background-color:#f1f1d7;}
.desc{font:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; padding-left:10px;}
.desc {
	list-style: none; 
	margin-left: 0px; 
	padding-left: 8px; 
	text-indent: -1px; 
}
.desc ul { list-style:square; color:#000000; margin-left: 10px; }
.goback{padding-top:10px; padding-bottom:5px}
.goback a{color:#000066; text-decoration:none;}
.goback a:hover{text-decoration:underline;}


/*checkout*/
#Table3{}

.checkout h2{color:#666666; background-color:#ffffff;padding:10px;border:1px solid #999999;}
.checkout_contactdetails{background-color:#cccccc;padding:10px;height:180px}
.checkout_delivery{background-color:#ebebeb;padding:10px;height:100%}
.checkout_confirmation{border:1px solid #cccccc;padding:10px;height:100%;}
.submitfinal{text-align:right;padding:10px}
.btnB_3{background-image:url(img2/ato.gif); width:150px;height:24px;border:0 }
.btnB_1{background-image:url(img2/chout.gif); width:106px;height:24px;border:0}

.btnA_2{background-image:url(img2/chout.gif); width:106px;border:0;margin-top:10px}
.btnA_1{background-image:url(img2/chout.gif); width:106px;border:0;margin-top:10px}
.btnA_4{background-image:url(images/btn_y.gif); width:180px;border:0;margin-top:5px;height:20px;color:#990000}
.btnA_3{background-image:url(img2/ato.gif); width:150px;border:0;margin-top:20px;padding-top:0px;padding-right:25px;padding-left:24px;text-align:center;height:24px;}
.btnA_0{background-image:url(img2/save.gif); width:45px;border:0;}
.btnlog{background:#e6e6e6;/*background-image:url(img/login.gif);background-position:center left; background-repeat:no-repeat;*/border:0;color:#990000;font-weight:normal;font-size:11px;padding-left:7px;margin:0 0 5px 0;}
.btn_search{background-image:url(img2/go.gif); width:29px;height:18px;border:0;padding:0px;color:#ffffff;}

/*RIGHT NAVIGATION styles*/
.rightnavb{border:2px solid #000066;width:2em;display:inline;margin:0;float:right;}
.rightnav {float: right; width: 180px; margin:0 10px 20px 0px;  _display:inline; height: 100%;_margin-right:-2px; }
#firstp {margin-top: 0; padding-top: 30px}
.rightnav ul {width:160px;margin: 0 0 0 20px; padding: 0; list-style-type: none; background: #ffffff; /*url(img/rightnav.gif) left top repeat-x;*/}
.rightnav li {font: 10px/19px Verdana; margin: 0; padding: 0; display:inline;}
.rightnav li.first {margin: 0;  color: #dd8d3b; padding-left: 6px; 
					display:block; font-size:11px;font:arial;font-weight: bold;background-image:url(img2/rightnav_first.gif);background-position:left top;background-repeat:no-repeat;background-color: #ffffff;}
.rightnav li.divider {margin: 0; background-color: #777777; color: #FFFFFF; padding-left: 12px; display: block; font-weight: bold}
.rightnav a {font-size:11px;color: #000000;text-decoration:none; display: block; padding-left: 25px; margin: 0; border:1px solid #f8e4af;}
.rightnav .cart a{border:0; padding-left:0;text-decoration:none;color:#990000}
.rightnav .cart a:hover{background:none;color:#cc0033}
.rightnav a:hover {background-color:#ffcc66; text-decoration: none; color: #990000}

.rightnav .register a{border:0; background-color:#ffffff;padding-left:0;}
.rightnav .register a:hover{background-color:#ffffff;}
.rightnav .catalogue a{border:0; background-color:#ffffff;padding-left:0;}
.rightnav .catalogue a:hover{background-color:#ffffff;}


/*hacks for ie5.x/6*/
/*commented mac ie5 backslash hack \*/
* html > body .rightnav li {margin-top: -4px;ma\rgin-top:0;}
* html .rightnav li {height:1%;/*he\ight:auto;*/}
* html .rightnav a {height:1%;/*he\ight:auto;*/}
/*end backslash hack*/

#ctl00_MPMain_pnlStart{/*background: #cccccc; */width:400px; padding:20px;height:300px}
#ctl00_MPMain_pnlStart #Table2{background-color:#ffffff; border:1px dashed #990000;margin-top:20px;}
#ctl00_MPMain_pnlStart #Table2 td{padding-left:20px;padding-top:5px;}
#ctl00_MPMain_pnlDetails{border:1px dashed #990000; width:320px; padding:10px;color:#000000}
#ctl00_MPMain_pnlDetails2{border-left:1px dashed #990000; width:320px; height:250px;padding:10px;color:#000000}

.report_amount {color: navy; font-size: 12px; }

 .t {background: url(img/dot.gif) 0 0 repeat-x; background:#d0ddeb;margin-top:0px}
 .t2 {background: url(img/dot.gif) 0 0 repeat-x; background:#eaeaea;margin-top:0px}
 .t3 {background: url(img/dot.gif) 0 0 repeat-x; background:#eaeaea;margin-top:-1px;margin-bottom:10px}
.b {background: url(img/dot.gif) 0 100% repeat-x;}
.l {background: url(img/dot.gif) 0 0 repeat-y;}
.r {background: url(img/dot.gif) 100% 0 repeat-y;}
.bl {background: url(img/c3.gif) 0 100% no-repeat}
.br {background: url(img/c4.gif) 100% 100% no-repeat;}
.tl {background: url(img/c1.gif) 0 0 no-repeat}
.tr {background: url(img/c2.gif) 100% 0 no-repeat; padding:5px 0;}

 
.b2 {background: url(img/dot2.gif) 0 100% repeat-x;}
.l2 {background: url(img/dot2.gif) 0 0 repeat-y;}
.r2 {background: url(img/dot2.gif) 100% 0 repeat-y;}
.bl2 {background: url(img/d3.gif) 0 100% no-repeat}
.br2 {background: url(img/d4.gif) 100% 100% no-repeat;}
.tl2 {background: url(img/d1.gif) 0 0 no-repeat}
.tr2 {background: url(img/d2.gif) 100% 0 no-repeat; padding:5px 0;}

#AdminMenu .hdgtext{color:#990000;padding:3px;font-weight:normal}
.adm_users {background:url(img2/tabletop.gif);}
.adm_prods{background:url(img2/tabletop.gif);}
.adm_ords{background:url(img2/tabletop.gif);}
.adm_misc{background:url(img2/tabletop.gif);}
.adm_help{background:url(img2/tabletop.gif);}
.adm_support{background:url(img2/tabletop.gif);}
.adm_custpg{background:url(img2/tabletop.gif);}
#AdminMenu ul a{color:#000000; text-decoration:none}
#AdminMenu ul a:hover{color:#990000; text-decoration:underline}
#AdminMenu ul{ list-style:disc;color:#cc9933;margin-left:30px}
#ctl00_MPMain_hlNewUser{color:#cc9933;background-image:url(img/arrow2.gif);background-repeat:no-repeat;padding-left:12px;}
#ctl00_MPMain_hlAddProduct{color:#cc9933;background-image:url(img/arrow2.gif);background-repeat:no-repeat;padding-left:12px;}
#ctl00_MPMain_exportimportProds_btnExport{color:#cc9933;background-image:url(img/arrow2.gif);background-repeat:no-repeat;padding-left:12px;}
#ctl00_MPMain_exportimportProds_btnImport{color:#cc9933;background-image:url(img/arrow2.gif);background-repeat:no-repeat;padding-left:12px;}

#ctl00_MPMain_dgrd a{color:#000000; text-decoration:none}
#ctl00_MPMain_dgrd a:hover{color:#990000; text-decoration:underline}
#ctl00_MPMain_dgrd .th1 a{font-size:12px;color:#990000}
#ctl00_MPMain_pnlMenu ul{margin-left:20px;list-style:disc; color:#990000}
#ctl00_MPMain_pnlMenu #ctl00_MPMain_hlFAQs{color:#990000}
#ctl00_MPMain_pnlMenu #ctl00_MPMain_hlContextSensitiveHelp{color:#990000}
#ctl00_MPMain_pnlMenu #ctl00_MPMain_hlAdminHelp{color:#990000}

#ctl00_MPMain_btnSearch{background-image:url(img2/go.gif); width:29px;height:18px;border:0;padding:0px;color:#ffffff;}
#ctl00_MPMain_btnNewEntry{background-image:url(img2/ato.gif); width:150px;border:0;margin-top:20px;padding-top:0px;padding-right:25px;padding-left:24px;text-align:center;height:24px;}
#ctl00_MPMain_btnSubmitEntry{background-image:url(img2/chout.gif); width:106px;height:24px;border:0}
#ctl00_MPMain_btnDelete {color:#990000; }
#ctl00_MPMain_tr_custgroup #ctl00_MPMain_btnDelete a{color:#ffffff}
#ctl00_MPMain_hlCloseEntry{color:#990000}
#ctl00_MPMain_hlUserList{color:#990000}
#ctl00_MPMain_btnShowPassword{color:#990000}
#CostCentre{color:#990000}
#ctl00_MPMain_btnAddDelivAdd{color:#990000}
#ctl00_MPMain_btnPreview{color:#990000}
#ctl00_MPMain_btnBackToPriceSetList {color:#990000}
#ctl00_MPMain_btnNewPriceDef{color:#990000}
#ctl00_MPMain_btnAdd{background-image:url(img2/ato.gif); width:150px;height:24px;border:0 }
/*HELP*/

.featuredprod { background-color:#ffffff; border:1px solid #ccc; width:150px; text-align: center; float:left; text-decoration:none; cursor:hand; background-position:15px 0}
.featuredprod a { text-decoration:none; }
.featuredprod .desc {color: #666666; tesxt-transform:uppercase; font-weight:bold; font-size:10px; height:40px;font: 10px 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;}
.featuredprod .code { font-size:10px; color:#274c5c; font-weight:bold;}
.featuredprod .price { font-size:18px; color:#f07923; font-weight:bold;}
.featuredprod .extra 
{
    margin: 115px 0px 5px 0px; 
    height: 97px; vertical-align:middle; 
    background-image:url(img/featblob.jpg); 
    padding:5px 30px 4px 30px; z-index:20;   
    font-size:11px; color:#888888; font-weight:bold;
	font-family: 10px  'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;
	color:#444;
}