/* 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-color: #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;
}
body.thrColElsHdr { background-color: #009ece; padding-top:0px;}
h1 {color:#009ecf; font:Verdana; font-size: 16px; }
h2 {color: #000066; font:Verdana; font-size: 14px; } /* 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}
input[type=button] {color: white; font-weight: bold; font-size:10px; background-image:url(img/btnButton.jpg); background-repeat:repeat-x; background-position:center; border:0px; padding: 3px 10px; margin-top: 5px; }
textarea{border:1px solid #cccccc;}

.graytxt{color:#666666;font-weight:bold}



div, ul, li, span, form {
    margin:0;
    padding:0;
}

a { text-decoration:none; }

#mainContent { min-height: 400px; }
#mainContent .products td {border: 1px solid #dddddd; height: 22px; vertical-align: top; font-size:10px}
#mainContent .products td.left {text-align: left}
#mainContent .products a:link {color:#000066; text-decoration: none}
#mainContent .products a:hover {color: #000066; text-decoration: underline}
#mainContent .products a:visited {color: #666666; text-decoration: none}

#mainContent .products_th td {background-image: url(img/menuLeft.jpg); color: #ffffff; height: 22px; font-weight:normal; vertical-align:middle; border: 0px;}
#mainContent .products_th a:link {color:#ffffff; text-decoration: none;}
#mainContent .products_th a:hover {color: #102153; text-decoration: underline}


#mainContent .grdadmin {border: #c0c0c0 1px solid;border-collapse:collapse;}
#mainContent .grdadmin_td {border-left: #eeeeee 1px solid;border-right: #eeeeee 1px solid;padding : 2px; font-size:11px }
#mainContent .grdadmin_td a{color:#859eb8}
#mainContent .grdadmin_td a:hover{color:#102153}
#mainContent .grdadmin_th {background-color:#e0e0e0; color:Black;  padding : 3px }
#mainContent .grdadmin_th a:link {color: Black}
#mainContent .grdadmin_th a:visited {color: Black}
#mainContent .grdadmin_th a:hover {color: Black}
#ContentWrapper {height:100%; ffloat:left;width:100%; }

#loggedinmenu { text-align: right }

.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:#859eb8;}
.pagenum a{ color:#859eb8;}
.mnu2 {text-transform:uppercase; }

.ProdsNav {width: 211px; background-color: #eeeeee; padding:0px; margin:0px; min-height:447px;}
.catsnav { width: 211px; margin: 0px; }
.ProdsNav a {color:#666666; text-decoration:none;}
.ProdsNav a:hover {color: #996600;}
.ProdsNav h1 {font-size: 11px; padding:3px 0 3px 5px; margin:5px 0 0 0px; height:18px; } 
.ProdsNav h1 {background:url(images/h1_bullet.jpg) no-repeat ; background-position: 6px 3px;  }
.ProdsNav h1 a {font-weight: bold; color:#009ecf; margin:0px; padding-left:15px; }
.ProdsNav h2 {font-size: 11px; font-weight:normal; padding-left:13px; padding-right:5px; text-transform:none; margin:1px 0px 4px 0; margin-left:10px; }/*2nd cat*/
.ProdsNav h2 {background:url(images/h2_bullet.jpg) no-repeat ; background-position: 6px 2px;  }
.ProdsNav h2 a { color: #999999; font-weight: bold; padding-left: 10px;  }
.ProdsNav h2 a:hover {color: #000066;}
.ProdsNav h2.selectedrow a {color: #000066;}
.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:#ebebeb; width:100%; padding:15px; margin-top:10px; margin-bottom:10px; }
.subcatbox a{color:#000066; text-decoration:underlined;font-size:12px;}
.subcatbox a:hover{color:#CC9900;}
.subcatitem {
	padding-left: 25px;
	background-image:  url(img/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:#e9641A;background-image:url(img/arrow2.gif);background-repeat:no-repeat;padding-left:12px;}
#ctl00_MPMain_pnlSets a{color:#e9641A;background-image:url(img/arrow2.gif);background-repeat:no-repeat;padding-left:12px;}
#ctl00_MPMain_btnEdit {color:#e9641A;background-image:url(img/arrow2.gif);background-repeat:no-repeat;padding-left:12px;}
td.ProdsActual{ padding-left:10px; margin-top: 0px; padding-top: 0px; padding-bottom: 10px; }/*product table space*/
.Table1 .ProdsActual { padding-left: 0px; }
#ctl00_MPMain_pnlProds .ProdsNav { display: none; }
.ProdsContainer{height:100%;}/*product lists and table together*/

.breadcrumbs{color:#000066;}
.breadcrumbs a{color:#666666;}

/*////////////////////////////////////////////////////////////////////////*/


#mainContent .prodlist{
list-style-type: none; margin: 0 0; padding: 0;
width: 100%; border-bottom-width: 0;

z-index: 2
}




#mainContent .prodlist li a{
background :  url(images/vmenu3.jpg) repeat-x bottom left;
font: bold 12px Arial, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 2px 0;
padding-left: 7px;
text-decoration: none;
/*text-transform:uppercase;*/

}

*html #mainContent .prodlist li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}


#mainContent  .prodlist li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 153px;
}


#mainContent .prodlist li a:visited, .glossymenu li a:active{
color: white;
}

#mainContent .prodlist li a:hover{
background-image:  url(images/vmenu4.jpg);
color: #002b7f;
}
/******/
#mainContent .prodlist .submenu {
list-style-type: none;
margin: 0 0 0 0;
padding:5px 0 5px 0;
width: 160px;
border-bottom-width: 0;
background-color: white;
}

#mainContent .prodlist .submenu li {
	wid7th:150px;
}

*html #mainContent .prodlist .submenu li a{
border-bottom: solid 1px #6680b1;
/*border-top: solid 0.5px #6680b1;*/
text-transform:none;
}
#mainContent .prodlist .submenu li a{
background : none;
font: bold 11px  arial, Helvetica, sans-serif;
color: #1a418c;
display: block;
/*width: auto;*/
padding: 1px 3px 0 10px;
text-decoration: none;
border-bottom: solid 1px;
/*border-top: solid 0.5px;*/
text-transform:none;
}

*html #mainContent .prodlist .submenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

#mainContent .prodlist .submenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 146px;
}
#mainContent .prodlist .submenu li .selected1 { padding-left:10px; background-color: #f3f5f8; color: #1a418c; 
		font: bold 11px  arial, Helvetica, sans-serif; width: auto; display:block; 
		border-bottom: solid 1px; }
#mainContent .prodlist .submenu li a.selected1b{ background-color: #1a418c ; color: white; }

#mainContent .prodlist .submenu li a:visited, .glossymenu li a:active{
color: #1a418c;
}

#mainContent .prodlist .submenu li a:hover{
color: #4d6ba6;
background : none;

}


/*////////////////////////////////////////////////////////////////////////*/
/***************  HELP CENTRE  *****************/
#hdg_help {color:#CC9933; font:Verdana; font-size: 16px; margin-left: 43px;}
div.faq_q { margin-left: 10px; margdin-top:3px;background: url(images/faq_q.gif) no-repeat; width:20px; height:20px; float:left; }
span.faq_txt1 { margin-left: 12px; font-weight:bold; font-size: 14px; width: 500px;}	

div.faq_a { margin-left:10px; background: url(images/faq_a.gif) no-repeat; width:20px; height:20px; margin-top: 15px;}
div.faq_txt2 { margin-top: -20px; margin-left: 45px; width: 520px;
list-style-type:circle;
}
div.faq_txt2 li {list-style-position: inside; margin-left: 40px;}

div.faq_end { background: url(images/faq_end.gif) no-repeat; width:670px; height:1px; margin-top: 10px}

#helpdrill_title {
	height: 36px; width: 100%;
	margin: 0em; padding: 0 1 em;
	background:  url(images/title_help.gif) top left no-repeat;
	background-color: white;
	}
.helpdrill  { background-color: #bbbbbb; }
#mainContent .helpdrill .prodlist li a { border-top: 1px solid #ffffff; }
/*#mainContent .helpdrill .prodlist li a { background :  url(images/help_vmenu1.jpg) repeat-x bottom left; color: #756B2B; }
#mainContent .helpdrill .prodlist li a:hover { background: url(images/help_vmenu2.jpg) repeat-x bottom left; color: #F7EEBA; }
#mainContent .helpdrill .prodlist .submenu li a {background:none; background-color:white;}
.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: #AE9C36; }
#mainContent .helpdrill .prodlist .submenu li .selected1 { background-color: #FDF7D2; color: #5B5422; }
#mainContent .helpdrill .prodlist .submenu li a:visited { color: #5B5422; }
#mainContent .helpdrill .prodlist .submenu li a:active { color: #5B5422; }
#mainContent .helpdrill .prodlist .submenu li a:link { color: #5B5422; }
#mainContent .helpdrill .prodlist .submenu li a:hover{ background:none; color: #A3953D; }*/


/* added by matt - end */
.thrColElsHdr #container { width: 960px; background: #FFFFFF; margin: 0px auto;  text-align: left; margin-top:0px;} 
#header { background: white; baackground:#ebebeb; padding: 0px 10px 0px 10px; height:50px;margin:0; color: #cccccc; } 
.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:#000000;}
.login_links { margin-left:-10px;padding:30px;padding-top:-50px;xheight:40px;width:370px;}
.login_links a{color:#000066;}
.login_links a:hover{color:#CC6600}
.login_content1 {margin-top:0px;}
.logintable{width:250px; height:100px;border:2px dashed #670361; padding: 10px; }
.logintable a{color:#000066;}
.login_instr{color:#000066;height:20px;padding-top:10px;display:none;}

#loginmenu { visibility: hidden; float:left; width:180px;;text-align:right; background-color: #eeeeee; margin: 3px 0 0 0px; height: 20px; padding: 0px; padding-top: 7px; }
#searchdiv { padding: 5px 0px 0px 0px; margin:0px; color:#00a4d2; }
#searchdiv form { padding: 0; margin:0;}
#logo{
	border: none;
	width: 218px;
	padding: 0;
	
}

.thrColElsHdr #mainContent {
	/*margin: 0 10em 0 14em;*/
	margin: 18px 15px 0 10px;
	/*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(img/footer.gif);
	height:24px;
	text-align: center;
	font-family: arial;
	font-size: 10px;
	color: #009ecf;

	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;
	padding-top: 4px;
	}
#footer a { text-decoration:none; color: #009ecf; }
#footer a:hover { color: #111111; }

/* 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:#555555;}
.topbar a{color:#555555;font-weight:normal;} 
.glossymenu{
	float:left; 
	
	padding: 0px;
    
	margin: 2px 0 0 2px;
	height:29px;
	

	list-style: none;
	width:540px;
	font-weight: normal;
	
	}

.glossymenu li.tabmenu{
	float:left;
	width: auto;
	 
	list-style: none;
	height: 29px; 
}

.glossymenu li.menustart { float: left; list-style: none; width: 11px; height: 29px; background: url(img/menustart.jpg) no-repeat left top; }
.glossymenu li.menuend { float: left; width: 12px; height: 29px; background: url(img/menuend.jpg) no-repeat left top; }

.glossymenu li.tabmenu  a{
font-family:Verdana, Arial, Helvetica, sans-serif;
	float: left;
	display: block;
	color:#cbffff;
	text-decoration: none;
    font-size: 10px;
	font-weight: bold;
	padding:0 0 0 20px; /*Padding to accomodate left tab image. Do not change*/
	line-height: 27px;
	text-align: center;
	cursor: pointer;
	background: url(img/menuLeft.jpg) no-repeat left top;	
	height: 29px;
}

.glossymenu li.tabmenu a b{
	float: left;
	display: block;
	padding: 0 15px 0 0px; /*Padding of menu items*/
	background: url(img/menuRight.jpg) no-repeat right top;
	height: 29px;
}

.glossymenu li.current a, .glossymenu li.tabmenu a:hover{
	color: #dddddd;
	background: url(img/menuLeft.jpg) no-repeat left top;
	margin-bottom: 0px;
}

.glossymenu li.current a b, .glossymenu li.tabmenu a:hover b{
	color: #dddddd;
	background: url(img/menuRight.jpg) no-repeat right top;
}
.glossymenu li.current a {
	color: #ffffff;
	background: url(img/menuLeft_crnt.jpg) no-repeat left top;
	margin-bottom: 0px;
}
.glossymenu li.current a:hover {
	color: #ffffff;
	background: url(img/menuLeft_crnt.jpg) no-repeat left top;
	margin-bottom: 0px;
}

.glossymenu li.current a b{
	color: #ffffff;
	background: url(img/menuRight_crnt.jpg) no-repeat right top;
}
.glossymenu li.current a:hover b{
	color: #dddddd;
	background: url(img/menuRight_crnt.jpg) 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:174px;
height:71px;
	
    background-image:url(img/cart.gif);

	padding: 70px 10px 10px 10px;
	
	font: Arial;
	font-size: 10px;
	color: #102153;
	background-repeat: no-repeat;
	background-position: 10px 15px;
	
	
	text-align:center;
	text-decoration: none;
	font-weight:bold;
	
}
.register
{width:174px;
height:127px;
	

	padding: 20px 10px 10px 0px;
	
	font: Arial;
	font-size: 10px;
	color: #102153;
	
	
	
	text-align:center;
	text-decoration: none;
	font-weight:bold;
	
}

.delivery
{width:180px;
height:137px;
	

	padding: 0px 10px 10px 0px;
	
	font: Arial;
	font-size: 10px;
	color: #102153;

	
	
	text-align:center;
	text-decoration: none;
	font-weight:bold;
	
}
.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;}
.carttotal {color:#cc0033; }



.btn
{
	padding: 4px;
	
	font-size: 10px;
	font: Arial;
	font-weight: bold;
	margin-top:2px;
	cursor: hand;
	color: #009ecf;
	text-align: center;
	text-decoration: none;
	border:0px;
	
}
/*.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:#e9641A;background-image:url(img/arrow2.gif);background-repeat:no-repeat;padding-left:12px;}
#ctl00_MPMain_btnAddMult{color:#670361;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: #000066;
	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: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000066;
	padding-top:0;
	margin-top:0;
}
.prodetail_price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000066;
}
/*.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(images/atf.gif);background-repeat: no-repeat;font-size: 22px; text-decoration: none;margin-top:-25px;margin-right:140px;padding:8px;z-index:2;float:right}
.prodetail_delfromfav {background-image:url(images/dff.gif);background-repeat: no-repeat; font-size: 22px; text-decoration: none;margin-top:-25px;margin-right:140px;padding:8px;z-index:2;float:right}
.prodetail_image{float: left; width:250px; height: 250px;border: 1px solid #000066;text-align:center;}
.prodetail_code{ font-family:Arial; font-size:12px; color:#666666;font-weight:bold; margin-left: 260px; padding: 5px 0 5px 10px;width:240px; background-color:#ebebeb}

.prodetail_box{margin-left: 270px; margin-top: 10px;width:300px;heright:210px;}
.prodetail_qty{font-size:12px; font:Arial; font-weight:bold; color: #000066;}
.prodetail_cat{font-size:10px; font:Arial; font-weight:bold; color: #666666;}
table.prodetail_extra { padding:0; }
.prodetail_extra td, .prodetail_extra th  { border: 1px solid #eeeeee; padding-left: 5px; }
.prodetail_extra th { text-align: left; font-weight: normal; vertical-align:top; background-color: #f3f3f3; color: black; padding: 3px; }

.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:#666666;font-weight:bold;  text-align:right; }
.prodesc_box{border:1px solid #CCCCCC; width:100%;}
.prodesc_title{background-color:#ebebeb; visibility:hidden; width:0px; display:none;}
.desc{font:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; padding-left:10px;}
.desc {
	list-style: none; 
	margin-left: 0px; 
	padding-left: 8px; 
	text-indent: -1px; 
}
.xxxdesc ul { list-style:square; color:#102153 }
.bullets ul, .groupbullets li{ margin:0; padding:0; list-style-type:none; }
.bullets ul { margin-top: 15px;  }
.bullets li{ background:url(img/bluebullet.jpg) 0px 6px no-repeat; padding: 5px 18px; } 

.goback{padding-top:10px; padding-bottom:5px}
.goback a{color:#000066; text-decoration:none;}
.goback a:hover{text-decoration:underline;}

.prodetail_noord { text-align:center; }
.prodetail_noord .prodetail_code{ font-family:Arial; font-size:16px; color:red;font-weight:bold; margin-left: 0px; padding: 0; background-color:white; text-align:center; width:auto;}

.prodetail_noord .prodetail_image{ float: none; width:auto; height: auto; border: 0px solid; text-align:center; margin-bottom: 10px;}

.prodetail_noord .breadcrumbs { text-align:left; }

.prodetail_noord .prodetail_desc { clear: both; text-align: left; }

/*checkout*/

.checkout h2{color:#666666; background-color:#ffffff;padding:10px;border:1px solid #999999;}
.checkout_contactdetails{background-color:#eeeeee;padding:10px;Xheight: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_2{ background-image:url(img/btnB_2b.jpg); width:130px;height:19px;border:0; color: #ffffff; padding-top:2px; }
.btnB_3{background-image:url(img/btnB_3.jpg); width:172px;height:29px;border:0; color: #ffffff; padding-top:2px; }
.btnB_1{background-image:url(img/btnB_1.jpg); width:118px;height:29px;border:0; color: #ffffff; padding-top: 2px;}

.btnA_2 { background-image:url(img/btna_2.jpg); width:124px; height: 25px; border:0;margin-top:10px; padding-top: 2px;}
.btnA_1 { background-image:url(img/btnA_1.jpg); width:85px; height:19px; border:0; margin-top:10px; color: white; }
.btnA_4{background-image:url(images/btn_y.gif); width:180px;border:0;margin-top:5px;height:20px}
.btnA_3{background-image:url(img/btnB_3.jpg); width:172px;height:29px;border:0; color: #ffffff; padding-top:2px; }
.btnA_0{background-color: #dddddd; font-size:11px;background-image:url(img/catlevel1.jpg);background-repeat:repeat-x;background-position:center; width:52px; height: 25px; border:0;}
.btnlogx{background:#cccccc;background-image:url(img/login.gif);background-position:center left; background-repeat:no-repeat;border:0;color:#e9641A;font-weight:normal;font-size:11px;padding-left:7px;}
.abtn_search{background-image:url(img/btn_go.gif); width:30px;height:19px;border:0;padding:0px;}

/*RIGHT NAVIGATION styles*/
.rightnavb{border:2px solid #670361; 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: white;/*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: white; padding-left: 12px; 
					display:block; font-size:11px;font:arial;font-weight: bold; background: url(img/rightnavtitle.jpg) no-repeat;}
.rightnav li.divider {margin: 0; background-color: #777777; color: #FFFFFF; padding-left: 12px; display: block; font-weight: bold}
.rightnav a {font-size:11px;color: #102153; display: block; padding-left: 25px; margin: 0; text-decoration:underline }
.rightnav .cart a{border:0; padding-left:0;text-decoration:none;color:#cc0033}
.rightnav .cart a:hover{background:none;text-decoration:underline;color:#cc0033}
.rightnav a:hover {background-color:#670361; text-decoration: none; color: #ffffff}
.rightnav li a { border:1px solid #670361; text-decoration:none; }
.krightnav ul {  color: white;}
.rightnavlo { padding-left:0px;  }
.rightnavlo .cart2 { margin: 10px 0px 10px 3px; background-image: url(img/cart2.jpg); width: 174px; height: 85px; }
.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-color:#ebebeb; width:400px; padding:20px;height:400px}
#ctl00_MPMain_pnlStart #Table2{background-color:#ffffff; border:2px dashed #cccccc;margin-top:20px;}
#ctl00_MPMain_pnlStart #Table2 td{padding-left:20px;padding-top:5px;}
#ctl00_MPMain_pnlDetails{border:2px dashed #670361; width:400px; padding:20px;height:400px}

.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:#ffffff;padding:3px;font-weight:normal; background:url(img/tablebar.gif);}

#AdminMenu ul a{color:#102153;}
#AdminMenu ul{ list-style:square;color:#670361;margin-left:30px}

#ctl00_MPMain_hlNewUser{color:#e9641A;background-image:url(img/arrow2.gif);background-repeat:no-repeat;padding-left:12px;}
#ctl00_MPMain_hlAddProduct{color:#e9641A;background-image:url(img/arrow2.gif);background-repeat:no-repeat;padding-left:12px;}
#ctl00_MPMain_exportimportProds_btnExport{color:#e9641A;background-image:url(img/arrow2.gif);background-repeat:no-repeat;padding-left:12px;}
#ctl00_MPMain_exportimportProds_btnImport{color:#e9641A;background-image:url(img/arrow2.gif);background-repeat:no-repeat;padding-left:12px;}

.tt_tabmenu { height: 29px; background: #ffffff url("images/tab_base.jpg") repeat-x left bottom;}
.tt_tabmenu li { float:left; list-style: none; padding: 0px 13px 0px 0px; margin-right: 2px; xwidth: 50px; font-weight:bold; font-size:9px; text-transform: uppercase; text-align: center; }
.tt_tabmenu li.taboffli { background: url("images/tab_end.jpg") no-repeat right top; line-height: 25px;}
.tt_tabmenu li.taboffli a { padding-left:10px; padding-bottom: 5px; margin: 0;  display: block; background: url("images/tab_start.jpg") no-repeat left top; }
.tt_tabmenu li.tabonli { background: url("images/tab_end2.jpg") no-repeat right top; color: white; }
.tt_tabmenu li.tabonli span { padding-left:10px; display: block; line-height: 25px; background: url("images/tab_start2.jpg") no-repeat left top; color: white; }
.tt_tabmenu LI A { COLOR: #ffffff; TEXT-DECORATION: none; padding: 0; margin:0px; text-transform:uppercase; font-size: 9px; }
.tt_tabmenu LI A:visited { COLOR: lightgrey; TEXT-DECORATION: none }
.tt_tabmenu LI A:hover { COLOR: #eeeeee; TEXT-DECORATION: none  }

.featuredprod { background-color:#fbfbfb; border:1px solid #6e92a2; width:160px; text-align: center; float:left; text-decoration:none; cursor:hand; background-position:top center; }
.featuredprod a { text-decoration:none; }
.featuredprod .desc {color: #666666; tesxt-transform:uppercase; font-weight:bold; font-size:12px; line-height: 13px; height:40px; padding-right: 5px; }
.featuredprod .code { font-size:14px; color:#000000; font-weight:bold;}
.featuredprod .price { font-size:18px; color:#670361; font-weight:bold;}
.featuredprod .extra 
{
    margin: 120px 3px 5px 26px; 
    height: 85px; vertical-align:middle; 
    background-image:url(img/arcs.jpg); 
background-repeat: no-repeat;
    padding:10px 25px 4px 15px; z-index:20;   
    font-size:10px; color:#670361; font-weight:bold;
	font-family: 10px  'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;
}

.categdetail { BORDER: 0px solid #059dce; padding:10px; margin-bottom: 5px; ssheight: 130px; display:block; ssbackground-color: #f2f2f2; }
.categtitle { float:left; color: #059dce; font-size:30px; font-style: italic; padding-left: 10px; }
.categimg { float:left; width: 170px; display: block; }
.categblurb { float:left; width: 500px; display: block; color: #444444; font-size: 22px; font-style: italic; padding-left: 10px; }
.table_groupdetail { padding-bottom: 10px; }
.groupdetails { padding:10px; min-height: 250px;  }
.groupname { width: 100%; color:#009ecf; font:Verdana; font-size: 16px; font-weight: bold; padding-bottom: 10px; }
.groupimg { width: 250px; border: 1px #eeeeee solid; }
.groupimg_print img {width: 500px; }
.groupbtns a.btn { background-color: #eeeeee; color: #444444; padding: 2px 5px; margin-right: 3px; font-weight: normal; font-size: 9px; }
.groupblurb { color: #059dce; font-size: 14px; padding-right: 10px; }
.groupbullets ul, .groupbullets li{ margin:0; padding:0; list-style-type:none; }
.groupbullets ul { margin-top: 15px;  }
.groupbullets li { background:url(img/bluebullet.jpg) 0px 6px no-repeat; padding: 5px 18px; } 

.table_proddetail { padding-bottom: 10px; }
.proddetails { padding:10px; min-height: 250px;  }
.proddesc { width: 100%; color:#009ecf; font:Verdana; font-size: 16px; font-weight: bold; padding-bottom: 10px; }
.prodimg { width: 250px; border: 1px #eeeeee solid; }
.prodimg_print img {width: 500px; }
.prodbtns a.btn { background-color: #eeeeee; color: #444444; padding: 2px 5px; margin-right: 3px; font-weight: normal; font-size: 9px;}
.prodblurb { color: #059dce; font-size: 14px; padding-right: 10px; }
.prodbullets ul, .prodbullets li{ margin:0; padding:0; list-style-type:none; }
.prodbullets ul { margin-top: 15px;  }
.prodbullets li { background:url(img/bluebullet.jpg) 0px 6px no-repeat; padding: 5px 18px; } 

a.bulletbutton, span.bullet { background:url(img/bluebullet2.jpg) 0px 6px no-repeat; padding: 5px 13px; font-weight: bold; font-size:10px; color: #333333;  } 

.prods_multicol A { TEXT-DECORATION:NONE; }
.prods_multicol td { border: 1px #dddddd solid; border-collapse:collapse; vertical-align:text-top; }
.prods_multicol td { text-align:center; }
.prods_multicol .prodcode { color: #009ecf; font-size: 13px; font-weight: bold; }
.prods_multicol .prodimg { width:155px; height: 120px; padding:5px; text-align:center; }
.prods_multicol .prodprice { color: #670361; font-size: 16px; font-weight: bold; margin-top: 5px;}	
.prods_multicol .prodcompare { text-align: right; }

.prodscomparison A { TEXT-DECORATION:NONE; }
.prodscomparison td { border: 1px #dddddd solid; border-collapse:collapse; vertical-align:text-top; padding: 3px; width: 170px; }
.prodscomparison td { text-align:center; }
.prodscomparison .proddesc { color: #009ecf; font-size: 11px; font-weight: bold; height: 40px; }
.prodscomparison .prodlongdesc { margin: 10px 0px; color: #222222; font-size: 10px; font-weight: normal; text-align:left; }
.prodscomparison .prodbullets { margin: 10px 0px; color: #009ecf; font-size: 10px; font-weight: normal; text-align:left; }
.prodscomparison .prodimg { width:155px; height: 100px; padding:5px; text-align:center; border:none;}
.zprodscomparison .prodimg img { height: 100px; }
.prodscomparison .prodprice { color: #670361; font-size: 16px; font-weight: bold; margin-top: 5px;}
.prodscomparison .prodcompare { text-align: right; }


td.pg_nav { width: 200px; padding-right: 10px; display:none; }
td.pg_main { padding-left: 10px; }

.reglink { border: 0px dotted gray; padding: 0px; margin: 10px 0px; }
.reglink a { text-decoration:none; font-size: 9px; padding: 0px; margin: 0px; }

.rightnavlo { text-align: center; }
.rightnavlo a:hover { background-color: #ffffff; }
.checkout_paymentmethod {background-color:#dddddd;padding:10px;height:100%}

.comparebutton { background-color: #eeeeee; color: #009ecf; margin-top: 10px; padding: 4px 10px;  font-weight: bold; }

.prodgroup_related { padding-left: 10px;  }
.relatedprodgroups { background-color: #f0f0f0; padding: 10px 10px 1px 10px; width: 140px; }
.relatedprodgroups h2 { margin-top: 0px; color: #009ecf; font-size: 12px; }
.relatedprodgroups a { color: black;  }
.relatedprodgroups .item { text-align: center; background-color: white; margin-bottom: 10px; padding: 4px; }
.relatedimg { min-height: 80px;  }

.prodgrpimg { height: 100px; }
.brandslist a { padding-right: 18px; }

.emailbox { border: 2px solid #333333; background-color: #eeeeee; }

.printonly { display: none; }

span.instructions { color: #009ecf; margin-bottom: 5px; font-size: 12px; display: block; font-weight: normal; background:url(img/bluebullet2.jpg) 0px 6px no-repeat; padding: 5px 5px 5px 16px; }

td.a_heading1, .a_heading1 span { font-size: 20px; background-color: black; color: white; font-weight: bold; }
td.a_heading2, .a_heading2 span { font-size: 18px; background-color: #cccccc; color: black; font-weight: bold; font-style: italic; }

#cboxContent { font-size: 11px; }

.feat-banners {
	overflow: hidden;
}
.feat-prod .fpmain { 
	height: 220px; 
	width: 700px; 

	background-color: lightblue; /*#ddd;*/
	border: 0px #aaaaaa solid; 
	cursor: pointer;
	font-family: arial;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	overflow:hidden; 
}
.feat-prod .fpbg {
	/*position: relative;*/
	height: 100%;

	background-color: white; 	
	opacity: 0.7;
	filter:alpha(opacity=70);
}
.feat-prod .fpimg { 
	/*position: absolute;
	left:10px;*/
	margin-left: 10px
	margin-right: auto;
	width: 48%; 
	height: 250px; 

	overflow:hidden; 
	background-position: center center; 
	background-repeat: no-repeat; 
	/*filter:alpha(opacity=80);*/
}
.feat-prod .extra { 
	/*position: absolute;
	right: 20px;
	top: 20px; */
	margin-left: auto;
	margin-right: 15px;
	margin-top: -240px; 
	height: 86%;
	width: 48%; 
	text-align: right; 

	color: #444; 
	font-size: 20px; 
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
}
.feat-prod .desc { 
	/*position: absolute;
	bottom: 5px;
	right: 10px;*/
	margin-left: 0px;
	margin-right: auto;
	height: 20px; 
	padding: 5px; 
	width: auto;
	display: inline;

	background-color: #eeeeee; 
	color: #444; 
	font-family: arial;
	font-size: 20px; 
	font-weight: normal; 
	text-align: center; 
	opacity: 0.8; 
	/*filter:alpha(opacity=80);*/
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.feat-prod .price {
	color: red;
	font-size: 40px; 
	margin-bottom: 5px; 
}
.feat-prod a { 
	text-decoration: none; 
}

.feat-prod-2 .fpmain { 
	background-color: #eef; 
}
.feat-prod-2 .fpimg  { 
	/*right: 10px;
	left: auto; */
	margin-left: auto;
	margin-right: 10px;
}
.feat-prod-2 .extra { 
	/*left: 15px;
	right: auto;*/
	margin-left: 10px;
	margin-right: auto;
	text-align: left;	
}
.feat-prod-2 .desc { 
	/*left: 10px;
	right: auto;	*/
	margin-left: auto;
	margin-right: 10px;
}
.jshowoff-controls a { margin-right: 10px; color: #ccc; }
.jshowoff-controls { margin-top: -2px; }