body {margin-left: auto;margin-right: auto;margin-top: 0px; padding: 0; font-family: Arial, Calibri; font-size: 12px; line-height:1.2em; background-color: white;background: url(../gfx/bg.gif) 0px 80px repeat-x}
.clearfix:after {content: "."; display: block;height: 0; clear: both;visibility: hidden;}
div.center {text-align: center;}
p { margin: 2px 5px 2px 5px; }
/** html .clearfix {height: 1%;}*/
/******************************************************
		          HEADER CONTENTS
*******************************************************/
a:link {color: #002569}
a:visited {color: #888}
a:hover {color: #000}

#SiteWrap {min-width: 979px; width: 979px; margin-left: auto; margin-right: auto;}
* html .SiteWrapIE {margin-left: 979px;}
* html .SiteWrapIEContainer {margin-left: -979px;position: relative;}
/*\*/
* html .SiteWrapIE, * html .SiteWrapIEContainer {height:1px;}
/**/


div#header {width: 979px;height: 117px;margin: 0px 0px 0px 0px;visibility: visible; background: url(../gfx/header.gif)  15px 10px no-repeat}
div#headerLogo {}

div#footer {margin: 0 auto 0 auto; background: url(../gfx/footerBackground.gif) no-repeat; height:25px; width:979px}

div#menuTopNav {width: 979px;height: 15px;padding-bottom: 74px;text-align: right;}

/**************** TOP NAVIGATION  *********************/

ul#menuTopNav {clear: both;margin: 0 21px 0 0;padding: 0;list-style-type: none; text-align: right; float: right;width: 422px; _width: 417px; /* IE HACK */}
* html ul#menuTopNav {margin-right: 3px;}
ul#menuTopNav li {float: right;font-size: 10px;font-family: Calibri, Arial;font-weight: bold;text-decoration: none;}
ul#menuTopNav li a {border: 0;display: block;background-color: #999;padding: 4px 7px 4px 7px; border-left: 1px #eee solid;color: #fff;font-size: 10px; text-decoration: none;}
ul#menuTopNav li a:hover {background-color: #fff;color:#444}
ul#menuTopNav li a.highlight,
ul#menuTopNav li a.highlight:hover {padding: 4px 7px 4px 7px;background: #fff !important;color: #000 !important;}

/* different bg useage */
#instantcart ul#menuTopNav li a:hover {background-color: #935C8B;}

/*************** INPUT  *********************/

#productList input, div#content input[type=password]{padding:5px; font-size:14px}

/*************** MAIN NAVIGATION  *********************/

ul#menuProductNav {
	clear: both;
	margin: 0px 21px 0 0;
	padding: 0;
	list-style-type: none;
        text-align: right;
	float: right;
    width: 847px;
   _width: 842px; /* IE HACK */
	}
* html ul#menuProductNav {
	margin-right: 3px;
	}
ul#menuProductNav li {
	float: right;
	margin-left: 5px;
	   font-size: 11px;
   font-family: Calibri, Arial;
   font-weight: bold;
   text-decoration: none;
	}
ul#menuProductNav li a {
	border: 0;
	display: block;
	font-size: 1.3em;
    text-decoration: none;
	padding: 5px 10px 15px 10px;

	background-color: #fff;
	color: #666;
	}
ul#menuProductNav li a:hover {
	background-color: #e4e8e9;
	}
	/* example of different bg useage */
#package1 ul#menuProductNav li a:hover {
	background-color: #935C8B;
	}

ul#menuProductNav li a.highlight,
ul#menuProductNav li a.highlight:hover {
	background-color: #e4e8e9;
	color: #666;
	}

div#topBorder {padding-top: 32px; background: #ffffff url("../gfx/mainTopBg.gif") top left no-repeat;}
/******************************************************
		          DEFAULT CSS BELOW
*******************************************************/


div#search_bar {width: 100%;height: 30px;background-color: #f4f4f4;background:url("../pics/table/bg_table_l.gif") right top;margin: -5px 0px 15px 0px; padding-top:7px; text-align: center}
.search_label {padding-top: -5px}
.search_box {background: url("../pics/titles/instant_find_label.gif") top left no-repeat;}
/* WHITE TEXT */
span.whitetext {text-align: center;color: #FFFFFF;font-weight: bold;}
span.whitetext a:link,span.whitetext a:visited, span.whitetext a:active {color: #FFFFFF;text-align: center;text-decoration: none;}
span.whitetext a:hover {color: #FFFFFF;text-align: center;text-decoration: underline;}

div.page_heading {padding-bottom:5px;}
div.page_heading h1 {font-family: Trebuchet MS, Arial;font-size: 14px;}
/******************************************************
		          FOOTER
*******************************************************/
.grey_text,.grey_text a:link,.grey_text a:visited,.grey_text a:active {font-family: Arial;font-size: 8pt;color: #888888;}
.grey_text a:hover {text-decoration: underline;color: #000000;}
div#bottom_bar {width: 100%;text-align: center;padding: 5px 0 0 0;margin: 0px 0 0 0;height: 22px;}
div#bottom_contents {width: 100%;border-color: #d4d4d4;height: 20px;padding: 0px 0px 0px 0px;margin: 10px 0px 10px 0px;color: #737373;}


/******************************************************
		          COLUMN STRUCTURE
*******************************************************/
/* Main Layer containing mid section */
div#main {min-width: 691px;padding-top: 32px; background: #ffffff url("../gfx/mainTopBg.gif") top left no-repeat;background: url(../gfx/middleBg.gif) repeat-y}
/* LEFT COLUMN */
div#main div#leftnav {width: 260px;margin:7px 0px 0px 40px;float: left;}
/* RiGHT COLUMN */
div#main div#right_column {width: 183px;margin: 0px 2px 0px 0px;float: right;}
/******************************************************
		          CONTAINER
*******************************************************/
div#main div#container {margin: 0 0 0 340px; padding: 0 31px 0 21px;height:100%; }

/******************************************************
		          MAIN COLUMN
*******************************************************/
div#main div#container div#content {width:560px; margin: 0 0 40px 0; padding:0px;float: left;}

div#main div#container div#content div#contentContainer {padding:25px;}
div#main div#container div#content div#menu_user{margin: 5px;padding: 5px 0px 5px 0px;color: #888}
div#main div#container div#content div#menu_user p {color: #888;padding:5px;line-height: 1.3em;}

/******************************************************
		          SIDE MENU
*******************************************************/
#menuLeft a {color: #333; display:block;margin:0;text-align:left;text-decoration:none}

#menuLeft dt {margin:0; padding:0;}
#menuLeft dl {margin:0; padding:0;}
#menuLeft dl dd {list-style-type:none; padding:0; margin:0}

#menuLeft dl dt a {font-weight:bold; padding:0px 0px 0px 8px; font-size:12px; letter-spacing:1px;color:#fff}
#menuLeft dl dt a:hover, #side_nav dl dt a.current_dept {background-color:#333;}

#menuLeft dl dd a {padding:0px 0 0px 13px;font-weight:normal;}
#menuLeft dl dd a:hover {color:#fff}
#menuLeft dl dd a.current_dept {font-weight:bold; color:#fff;background-color:#333;}
#menuLeft dl dd dl dd a {padding-left:20px; #eee;border-left:10px solid #333;}
#menuLeft dl dd dl dd a:hover {color:#fff;border-left:10px solid #fff; }
#menuLeft dl dd dl dd a.current_dept {font-weight:bold; color:#fff;border-left:10px solid #fff;background-color:#333;}

/******************************************************
		         TAG CLOUD
*******************************************************/
div#tags {margin: 1px 0 20px 0; float:right; width:169px; height:264px; padding:20px; background: #f0f2f7; border-left: 1px #d2d9e6 solid}

div#tags .title{font-size:20px; line-height:1.2em; text-decoration:underline; color: #888; padding-bottom:5px} 

div#tags .tagSizeOne{font-size:10px; line-height:1.2em; text-decoration:none; color: #999}  /* 1 Article */
div#tags .tagSizeOne:hover{color:#000;text-decoration:underline;}

div#tags .tagSizeTwo{font-size:14px; line-height:1.2em; text-decoration:none; color: #888}  /* 1-5 Article */
div#tags .tagSizeTwo:hover{color:#000;text-decoration:underline;}

div#tags .tagSizeThree{font-size:16px; line-height:1.2em; text-decoration:none; color: #777}  /* 1-10 Article */
div#tags .tagSizeThree:hover{color:#000;text-decoration:underline;}

div#tags .tagSizeFour{font-size:22px; line-height:1.2em; text-decoration:none; color: #666}  /* 10-20 Article */
div#tags .tagSizeFour:hover{color:#000;text-decoration:underline;}

div#tags .tagSizeFive{font-size:32px; line-height:1.2em; text-decoration:none; color: #555}  /* 20+ Article */
div#tags .tagSizeFive:hover{color:#000;text-decoration:underline;}

/******************************************************
		         FOOTER
*******************************************************/
div#footer {padding-bottom: 28px; background: url(../gfx/borderBottom.gif) no-repeat}

div#footer div#footerHeader {height:35px;background:#333; margin: 30px 0 1px 0;}
div#footer div#footerBox {height: 140px;background:#777}

/************************************ OLDCSS TO BE REPLACED IN PRODUCTION *****************************************************
*******************************************************************************************************************************
*******************************************************************************************************************************/

div#main div#container div#content dl {margin-left: 15px;}
div#main div#container div#content dl dt {background-image: url(../_images/bullet.png);background-position: left;background-repeat: no-repeat;padding-left: 15px;margin-top: 15px;font-weight: bold;}
div#main div#container div#content dl dd {background-image: url(../_images/grey_bullet.png);background-position: left;background-repeat: no-repeat;padding-left: 15px;margin-left: 20px;}
/*div#main div#container div#content hr {clear: both;height: 1px;border: none;background-image: url(../_images/hr.png);margin: 10px 0px;padding: 0px;}*/
#div#main div#container div#content div#menu_user{background-color: #f4f4f4;border-style: solid;border-width: 1px;border-color: #a4c6f3;width: 100%;height: 22px;margin: 0px 0px 10px 0px;padding: 5px 0px 5px 0px;line-height: 14px;}
/* Table settings for Content */
div#main div#content td.tiny {font-family: Arial;font-size: 80%;}
div#main div#content td.main {font-family: Arial;font-size: 100%;}
div#main div#content td.red {font-family: Arial;color: #CC0000;font-size: 100%;}
/* COLUMN LEFT CONTENTS */
/* Default Style Box Class */
.box {border: 1px solid #C0C0C0;background-color: #f4f4f4;}
/* Over all length 193px */
/* Login Box */
div#login_box {width: 178px;height: 105px;background-image: url(../pics/login_tab.gif);background-repeat: no-repeat;background-position: 0px 0px;font-size: 92%;padding: 33px 0px 0px 5px;margin: 0px 0px 0px 0px;}
/* News Box */
div.box_heading {width: 230px;background-repeat: no-repeat;background-position: 0px 0px;font-size: 92%;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}
div.box_title {height:20px; padding: 7px 5px 0px 10px; color: #222; font-size: 14px; font-weight: bold }
div.box_main {width: 230px;border: 1px solid #C0C0C0;background-color: #fff; padding:7px;}

div.news_box_wrap {width: 100%; margin-bottom: 2px;}
div.news_box_icon {float: left; width: 20px; height:30px; margin-top:3px; padding-right: 6px; background: url(../pics/box/icon_news.gif) left top no-repeat;}
div.news_box_content {}

span.newsTitle {color: #555; font-size: 14px;}
span.newsTitle a {color: #777; font-size: 14px; text-decoration: none; font-weight: bold; line-height: 14px;}
span.newsTitle a:hover {color: #333; font-size: 14px; text-decoration: underline; font-weight: none;}
span.newsDate {color: #999}
/* COLUMN RIGHT CONTENTS */
/* COLUMN MIDDLE CONTENTS */

div#features {width: 100%;height: 200px;background-image: url(../pics/grey_bg.gif);background-repeat: repeat-x;background-position: 0px 0px;font-size: 100%;padding: 0px 0px 0px 0px;margin: 20px 0px 0px 0px;}



/******************************************************
		          Review_form
*******************************************************/
  fieldset.ajaxForm {padding: 10px 5px; background: #fffbef; -moz-border-radius: 5px; }
  legend.ajaxForm {background: #fff; padding: 2px 6px; border: 1px #999 solid; -moz-border-radius: 5px; }
  p.ajaxForm {margin: 15px 0; padding: 8px; }
  select.ajaxForm {margin-bottom: 15px; padding: 3px; font-size: 14px; width: 150px; font-family: Calibri, Arial;}
  label.ajaxForm {margin: 4px 0; width: 90%; text-align: left; font-size: 14px; font-family: Calibri, Arial;}
  textarea.ajaxForm {width: 90%; height: 100px; border: 4px #f4f4f4 solid; margin:0px; padding: 10px; font-size: 14px; font-family: Calibri, Arial;}
  p.ajaxForm img {margin-left: 10px; }
  .success {padding: 7px; background: #fef8d9; color: #977; border: 1px solid #eca; }
  .ajaxresponse {margin-left: 10px; color: #c63; }
  

/******************************************************
		          Tab Area
*******************************************************/
  #tabArea { border: 0px solid #c0c0c0; overflow: auto; margin-bottom:20px 0 20px 0;}
.tabMenu, .tab-Menu {width: auto; border-bottom: 0px solid #c0c0c0; margin: 0; padding: 10px 0 0 20px; font-family: Calibri, Arial; font-size:14px;}
.tab-unselected { display: inline; margin-right: 2px; padding: 2px 7px 1px 7px; background: #f0f0f0; border: 1px solid #c0c0c0; border-bottom: 0; color: #c0c0c0;}
.tab-selected {display: inline; margin-right: 2px; padding: 5px 7px 1px 7px; background: #ffffff;  border: 1px solid #c0c0c0; border-bottom: 0; position: relative; z-index:2;}
.tab-unselected a { color: #a0a0a0; text-decoration: none;}
.tab-unselected a:hover { color: #000000; text-decoration: none;}
.tab-selected a { font-weight: bold; color: #000000;z-index:2; text-decoration: none;}
.tabContents, .tabContent-selector { border: 1px solid #c0c0c0; padding-left: 0px; margin: 0; margin-top:1px;  min-height: 50px; overflow: auto; z-index:1; }
.tabContent-selected { list-style-type: none; display: block; padding: 10px;}
.tabContent-unselected { list-style-type: none; display: none;}
  
/******************************************************
		          ERROR MESSAGES
*******************************************************/
p.error {color: #B22222;font-weight: bold;}
div#error {width: 100%;height: 80px;border: 1px solid #d0494f;background-color: #fff2f3;background-image: url(../pics/error_bg.gif);background-repeat: repeat-x;background-position: 0px 0px;font-size: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}
div#message {width: 100%;height: 80px;border: 1px solid #4de937;background-color: #eeffec;background-image: url(../pics/success_bg.gif);background-repeat: repeat-x;background-position: 0px 0px;font-size: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}
div#rectangle {width: 100%;height: 60px;border: 1px solid #4de937;background-color: #eeffec;background-image: url(../pics/success_bg.gif);background-repeat: repeat-x;font-size: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 10px 0px;}
div#content_box {width: 100%;min-height: 60px;border: 1px solid #4de937;background-color: #ffffff;background-image: url(../pics/success_bg.gif);background-repeat: repeat-x;font-size: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 10px 0px;}
div#lightred_box {width: 100%;min-height: 60px;border: 1px solid #ff9191;background-color: #ffffff;background-image: url(../pics/lightred_bg.gif);background-repeat: repeat-x;font-size: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 10px 0px;}
div#lightblue_box {width: 100%;min-height: 60px;border: 1px solid #a4c0ff;background-color: #ffffff;background-image: url(../pics/lightblue_bg.gif);background-repeat: repeat-x;font-size: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 10px 0px;}


div#message_banner_success {border: 1px solid #4de937;background-color: #eeffec;padding: 15px;margin: 20px;}
div#message_banner_error {border: 1px solid #e7989c;background-color: #fff2f3;padding: 15px;margin: 20px;}
div#message_banner_error p{font-family: Georgia; font-size: 16px; padding:0; margin:0;line-height:1.2em}
div#message_banner_success p{font-family: Georgia; font-size: 16px; padding:0; margin:0;line-height:1.2em}


div#info_box {padding:10px; background-color: #ffd}
/******************************************************
		          MAIN MENU DROPDOWN
*******************************************************/
.drop_down {height: 30px; float: left; width: 100%;font-family: verdana, arial, sans-serif; font-size:11px; }
/* remove the bullets, padding and margins from the lists */
.drop_down ul{list-style-type: none;padding: 0;margin: 0;}
/* make the top level links horizontal and position relative so that we can position the sub level */
.drop_down ul li{float:left; position:relative; z-index:2; }
.drop_down ul li a, .drop_down ul li a:visited {width: 100%;float:left; display:block; text-decoration:none;color:#ddf; height:30px;padding-bottom: 3px;}
.drop_down ul li:hover {width:auto;}
.drop_down ul li ul {display: none;}
/* use the table to position the dropdown list */
.drop_down table{position:absolute;border-collapse:collapse;z-index:80;left:-1px;}
/* style all the links */
.drop_down a, .drop_down :visited {display:block;font-size:10px;min-width: 10px;padding:0px 0;color:#000;text-decoration:none;margin-right:18px;text-align:left;}
/* specific to non IE browsers */
.drop_down ul li:hover ul {display:block;position:absolute;top:20px;margin-top:1px; left:0;width:154px;border-bottom:2px solid #000;border-right:2px solid #666;}
.drop_down ul li:hover ul.endstop {left:-92px;}
/* display level 2 */
.drop_down ul li:hover ul li ul {display: none;}
/* display level 3 */
.drop_down ul li:hover ul li:hover ul li ul {display: none;}
.drop_down ul li:hover ul li a {display:block;color:#000;background:url("../pics/box/box_right.gif") left bottom; height:auto;line-height:15px;padding:4px 16px; width:120px; border:1px solid #000; border-bottom:0;}
/* Used for sub menu */
.drop_down ul li:hover ul li a.drop {background-color: #666;color:#888; }
/* menu level 1 Colours*/
.drop_down ul li:hover ul li a:hover {color:#666; background-color: #666;background:url("../pics/on_bg.gif") left top; }
/* Sub Menu 2 Colours */
.drop_down ul li:hover ul li:hover ul li a:hover {background:#666;background:url("../pics/on_bg.gif") left top; color:#fff;}
/* Sub Menu 3 Colours */
.drop_down ul li:hover  ul li:hover ul li:hover ul li a:hover {background:#666;background:url("../pics/on_bg.gif") left top; color:#fff;}
/* Used for sub menu */
.drop_down ul li:hover ul li a:hover.drop {background-color: #888888;}
.drop_down ul li:hover ul li:hover ul {display:block; position:absolute; width:154px;left:154px; top:3px;}
.drop_down ul li:hover ul li:hover ul li:hover ul {display:block; position:absolute; width:154px;left:154px; top:3px;}
.drop_down ul li:hover ul li:hover ul.left {left:-153px;}
/* ******TO WORK ON BELOW *********** */
/*specific to IE5.5 and IE6 browsers */
.drop_down ul li a:hover ul {
display:block;position:absolute;top:-25px; t\op:33px; background:#fff;left:0; border-bottom:1px solid #000;
}
/*
.drop_down ul li a:hover ul.endstop{
left: -92px;
}
.drop_down ul li a:hover ul li a {
display:block;background:#fff;color:#000; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px; border:1px solid #000; border-bottom:0;
}
.drop_down ul li a:hover ul li a.drop {
background:#ccd url(images/bullet1.gif) no-repeat 3px 8px; padding-bottom:4px;
}
.drop_down ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.drop_down ul li a:hover ul li a:hover {
color:#000; background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.drop_down ul li a:hover ul li a:hover.drop {
 background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.drop_down ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:153px;
}
.drop_down ul li a:hover ul li a:hover ul.left {
left:-153px;
}

*/

/******************************************************
		          MINI BASKET
*******************************************************/
div.mini_basket_container{margin-left: 0px;background:#f4f4f4}
table#mini_basket {width: 100%;margin:0; border-top:1px solid #ebebeb; border-bottom:0px solid #ebebeb}
table#mini_basket img {border:1px solid #999;}
table#mini_basket tr td.mini_basket_name {padding:5px; border-bottom:1px solid #ebebeb;border-top:1px solid #fff; height: 35px; color: #888;}
table#mini_basket tr td.mini_basket_name a{color: #777; font-size: 11px; text-decoration: none; font-weight: none; line-height: 14px}
table#mini_basket tr td.mini_basket_name a:hover {color: #333; text-decoration: underline; font-weight: none;}
table#mini_basket tr td.mini_basket {padding:5px; border-bottom:1px solid #ebebeb;border-top:1px solid #fff;  height: 35px; color: #888;}
table#mini_basket tr td.mini_basket_total {background-color: #faed95;padding:5px; border-bottom:1px solid #ebebeb;border-top:1px solid #fff;  height: 45px; color: #888;}
div.buttons{padding-top:5px;padding-bottom:5px;}
span.price_name{font-size: 120%; font-weight: bold; color:#888;}
span.price{font-size: 110%; font-weight: bold; color:#222;}
/******************************************************
		          MAIN CONTENT BOX
*******************************************************/
.box_wrap{float:left;width:100%;padding-bottom:2px; }
.box_header{height: 31px;margin-top: 0px;padding:0}
.box_header h1{height: 25px;font-size:12px;color:#222;padding:3px 0;text-transform:capitalize;font-weight: bold;margin:0 0 0 0px}
.box_header h1 img{vertical-align: middle;padding:1px 5px 1px 0}
.box_products{margin: 0px 10px 0px 5px;border:1px solid #919191;background-color: #fff;}
.box_info{margin: 7px 10px 0px 5px;padding: 10px 10px 10px 10px;background-color: #f4f4f4;border-left:1px solid #bbc6e0;border-right:1px solid #bbc6e0; text-align: left;border-top:1px solid #bbc6e0;border-bottom:1px solid #bbc6e0;}
.box_nav{margin: 0px 10px 0px 5px;background-color: #fcfcfc;padding: 10px 10px 10px 10px;text-align: right;}
.box_nav a {color: #888; text-decoration: none}
.box_nav a:hover {color: #000; text-decoration: underline}

.box_product{padding: 10px 10px 10px 10px;border-left:0px solid #919191;border-right:0px solid #919191; text-align: left}
/* used for the product name */
.box_product_content {margin: 0px 10px 0px 5px;padding:5px 10px 5px 10px; border:1px solid #919191;background-color: #fff;}
.box_product_description{margin: 0; padding: 10px 10px 10px 10px;line-height: 16px;}
.box_product_description li {list-style: circle inside}

.box_subheader{margin: 15px 0px;color:#369;border-bottom:1px solid #919191;border-top:1px solid #919191;padding:3px 7px;text-align:left;font-size:1.1em;font-weight:bold}
.box_subheader a{font-weight: lighter;text-transform:lowercase;font-size:1em;}
* html .box_content {height:1%}
.box_right_cu/rve {float:right; width: 20px;height:6px;padding:0px 0px 0px 0px;border-right:2px solid #919191;}
.box_content {margin: 0px 10px 0px 5px;padding:5px 10px 10px 10px; background-color: #d4d4d4; border:1px solid #919191;}
.boxcontent h2, {margin:15px -10px;color:#369;background:url("../pics/box/tableheader.gif");border-bottom:1px solid #919191;border-top:1px solid #919191;padding:3px 7px;text-align:left;text-transform:capitalize;font-size: 1.1em}
.boxcontent h2.afterlbblock, .sbcontentnp h2.afterlbblock {margin-top:0px}
.boxcontent a, .sbcontentnp a {font-weight:bold}
.box_footer{position:relative;margin-bottom:10px;padding:0; border: 0; margin-top: -1px}
.box_footer span{color:#369;display:block;margin:0 0 0 9px}
/* remove the bullets, padding and margins from the lists */
.box_products ul {padding: 5px;margin: 0;}
.box_products ul li{padding: 0 0 7px 0;display: inline;line-height: 1.5em;}
.box_products ul li a, .box_content ul li a:visited {text-decoration:underline;color:#000;}
.box_products ul li a:hover {text-decoration: underline;color:#777;}

/******************************************************
		          MAIN CONTENT BOX ORANGE
*******************************************************/
.box_orange_header{height: 31px;margin-top: 0px;background:url("../pics/box/box_left_org.gif") no-repeat left top;padding:0}
.box_orange_header h1{height: 25px;color:#fff;background:url("../pics/box/box_right_org.gif") no-repeat right top;padding:3px 0;text-transform:capitalize;font-size:1.2em;font-weight: bold;margin:0 0 0 9px}
.box_orange_header h1 img{vertical-align: middle;padding:1px 5px 1px 0}
.box_orange_products{margin: 0px 0px 0px 0px;border-left:2px solid #ff7e00;border-right:2px solid #ff7e00;border-top:1px solid #ff7e00;border-bottom:1px solid #ff7e00;}
.box_orange_info{margin: 7px 0px 0px 0px;padding: 10px 10px 10px 10px;background-color: #fffed8;border-left:1px solid #bbc6e0;border-right:1px solid #bbc6e0; text-align: left;border-top:1px solid #bbc6e0;border-bottom:1px solid #bbc6e0;}
.box_orange_info a {color: #888; text-decoration: none}
.box_orange_info a:hover {color: #000; text-decoration: underline}

.box_orange_nav{background-color: #fcfcfc;padding: 10px 10px 10px 10px;border-left:2px solid #ff7e00;border-right:2px solid #ff7e00; text-align: right;}

.box_orange_product{min-height: 210px; padding: 10px 10px 10px 10px;border-left:0px solid #4c69a5;border-right:0px solid #4c69a5; text-align: left}
.box_orange_product_content {padding:5px 10px 5px 10px; background:url("../pics/table/bg_table.png") left top; border-left:2px solid #4c69a5;border-right:2px solid #4c69a5;border-bottom:1px solid #4c69a5}
.box_orange_product_description{margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px;border-left:2px solid #ff7e00;border-right:2px solid #ff7e00}

.box_orange_subheader{margin: 15px -10px;color:#369;background:url("../pics/box/tableheader.gif");border-bottom:1px solid #4c69a5;border-top:1px solid #4c69a5;padding:3px 7px;text-align:left;font-size:1.1em;font-weight:bold}
.box_orange_subheader a{font-weight: lighter;text-transform:lowercase;font-size:1em;}
* html .box_orange_content {height:1%}
.box_orange_content {padding:5px 10px 10px 10px;background-color: #d4d4d4; border-left:2px solid #ff7e00;border-right:2px solid #ff7e00}

.box_orange_footer{position:relative;margin-bottom:10px;background:url("../pics/box/box_left_bt_org.gif") no-repeat left bottom;padding:0; border: 0}
.box_orange_footer span{color:#369;background:url("../pics/box/box_right_bt_org.gif") no-repeat right bottom;display:block;margin:0 0 0 9px}
/* remove the bullets, padding and margins from the lists */
.box_orange_products ul {padding: 5px;margin: 0;}
.box_orange_products ul li{padding: 0 0 7px 0;display: inline;line-height: 1.5em;}
.box_orange_products ul li a, .box_content ul li a:visited {text-decoration:underline;color:#000;}
.box_orange_products ul li a:hover {text-decoration: underline;}

/******************************************************
		          BRANDS
*******************************************************/
.box_brand {margin: 7px 0px 0px 0px;padding: 10px 10px 10px 10px;background-color: #f4f4f4;border-left:1px solid #bbc6e0;border-right:1px solid #bbc6e0; text-align: left;border-top:1px solid #bbc6e0;border-bottom:1px solid #bbc6e0;}
.box_brand img {margin: 4px;padding:3px; border: 4px #a5bbcf solid; vertical-align: middle; text-align: center;}
.box_break {height: 12px}

/******************************************************
		          PRODUCT FEATURE
*******************************************************/
.boxFeature_wrap{padding-bottom:0px; margin-right:10px }
.boxFeature_box{float:left; width:250px; height:350px }
.boxFeature_container{padding: 3px;}
.boxFeature_header{}

.boxFeature_header h1{color:#369;padding:5px 5px 2px 5px; height: 35px;font-size:14px;margin:0;text-decoration: none;}
.boxFeature_header h1 a:link, .boxFeature_header h1 a:active {color: #555; text-decoration: none;font-size:14px; line-height:1.2em}
.boxFeature_header h1 a:visited {text-decoration: none;font-size:14px; line-height:1.2em}
.boxFeature_header h1 a:hover {background: #fad305; color: #333}
.boxFeature_header h1 img{vertical-align: middle;padding:1px 5px 1px 0}

.boxFeature_content{min-height: 100px;padding: 10px 10px 10px 10px;border-left:2px solid #f4f4f4;border-right:2px solid #f4f4f4;text-align: left;}

.boxFeature_short{height:30px;padding: 10px 10px 10px 10px;text-align: left;color: #777}
.boxFeature_feature{height:30px;background-color: #fff;padding: 10px 10px 10px 10px;text-align: left; color: #777}

.boxFeature_img{float:left; margin:10px;width: 100px; height: 100px; padding:20px;border:4px dashed #999;background:#fff}
.boxFeature_right{float:left;padding:1px 5px 1px 10px}

span.boxFeaturePrice {color: #cc0000; font-size: 16px; font-weight: bold; line-height: 18pt}
.boxFeature_footer{position:relative;margin:-2px 0 0 0;}
.boxFeature_footer span{color:#369;display:block;margin:0 0 0 9px;} 

/******************************************************
		          PRODUCT INFO PAGE
*******************************************************/
div#ProductWrap {min-height: 170px;border-left: 1px;border-right: 1px;border-top: 1px;border-bottom: 3px;border-color: #dfdfdf;border-style: solid;margin: -10px 0;padding: 10px 0;}
.ProductInfo {min-height: 50px;margin: 5px 10px 25px 300px;padding: 5px;font-size: 12px;background-color: #f4f4f4;*font-size: 75%;}
.ProductInfo img {float: none;}
.ProductInfo li {font-size: 10px;margin: 3px 0px 1px 0px;padding: 2px 0px 1px 0px;*padding: 2px 0px 1px 0px;}
.ProductInfo .PriceEx {color: #CC0000;font-size: 18px;font-weight: bold;}
.ProductInfo .PriceInc {font-size: 14px;}
.ProductInfo ul {list-style-type: none;padding: 0;margin: 0; }
.ProductInfo .Message {color: #CC0000;font-weight: bold;}
.ProductInfo .code {;color: #00008B;font-weight: bold;}
.ProductDesc {margin: -14px 0px 0px 0px;border-top: 0px;border-bottom: 1px;border-left: 1px;border-right: 1px;border-color: #DFDFDF;border-style: solid;background-color: #fff;float: none;padding: 10px;}
.ProductShortDesc {margin: 10px 0px 10px 0px;background: url('../pics/backgrounds/shortDescriptionBg.jpg') no-repeat;padding: 7px 12px 7px 12px}
.ProductShortDesc p {margin: 0px 0px 10px 0px;padding-top: 5px;font-family: Tahoma, Arial, Verdana, sans-serif;font-family: Tahoma, Arial, Verdana, sans-serif;float: none; line-height: 16px;}
.ProductShortDesc h1, .ProductShortDesc h2, .ProductShortDesc h3, .ProductShortDesc h4, .ProductShortDesc h5, .ProductShortDesc h6 {font-family: Tahoma, Arial, Verdana, sans-serif;}
.ProductShortDesc h3 {font-size: 110%;color: #000;border-left: 0px;border-right: 0px;border-top: 0px;border-bottom: 1px;border-color: #888;border-style: solid;padding: 2px;margin: 0px 0px 0px 0px;}
DIV.ProductImage {min-height: 210px;min-width: 180px;text-align: center;margin: 15px 10px 0px 5px;float: left;}
.ProductImage a {text-decoration: none;font-size: 80%;}
.ProductImage img {float: none; border: 5px #999 dashed; padding: 5px 5px 5px 5px;}
.ProductName h1 {padding: 0px 0px 0px 12px;color: #333;font-size: 16px;}
.Product_offer {position:absolute; top: 490px; left:210px; z-index: 10; width:50px; height:35px; background-color: #3d5a95;background:url("../pics/box/box_right.gif") no-repeat left top; color: #fff; font-size:28px; font-weight: bold; text-align: center; padding: 15px 5px 5px 5px;}
.Product_offer span.small {color: #fff; font-size:10px; font-weight: bold; line-height: 24px}

/******************************************************
		          PRODUCT TABLE
*******************************************************/
table#productList {width: 100%;margin:0; border:0px solid #999}
table#productList tr th {height: 35px; text-align:left; background:#eee url(../pics/table/bg_table.png) repeat-x top left; padding:4px 5px; border-left:2px solid #ccc; border-bottom:1px solid #888; border-right:1px solid #fff; color:#666}
table#productList tr.highlight {background-color: #feffe0;}
table#productList tr th span.black{color:#222}
table#productList tr td {padding:5px; border-bottom:1px solid #b2b2b2; height: 45px;}
table#productList tr td.totals {padding:5px; border-right:2px solid #fff;border-bottom:2px solid #fff; background-color: #f4f4f4; height: 40px;}
table#productList tr td.totals_sub {padding:5px; border-right:2px solid #fff;border-bottom:2px solid #fff; background-color: #dfdfdf; height: 40px;}
table#productList tr td.totals_total {padding:5px; border-right:2px solid #fff;border-bottom:2px solid #fff; background-color: #5486d7; height: 40px; color: #fff; font-weight: bold;}
table#productList tr td.clear {padding:5px; border: 0px; height: 40px;}
table#productList tr td.wysiwyg {padding:5px; border: 0px; height: 0px;}
table#productList tr td.product_img img {border:1px solid #111}
table#productList td.offer {border-top:1px solid #cc0000; border-bottom:1px solid #cc0000}
table#productList tr td.error_w {height: 20px;background: #fff; border: 0}
table#productList tr td.error {padding-left: 5px; height: 20px;background-color: #ffa8a8;border: 1px #888 solid}

table#productList tr td.required {background: #f4f4f4; border: 0px; height: 35px;}
table#productList tr td.normal {background: #fff; border: 0px; height: 35px;}

table#productList th.forwardSort { background:#666 url(../pics/table/table_th_asc.gif) no-repeat top right }
table#productList tr th.reverseSort { background:#666 url(../pics/table/table_th_desc.gif) no-repeat top right }
th#forwardSort a, th#reverseSort a { color:#fff }
th.sortable,th.sortable-text,th.sortable-numeric,th.sortable-currency {cursor:pointer}th.sort-active { color:#ff0000 !important }

/* Font Spans */
span.small{font-size: 90%;color: #888888;font-weight: bold;}
span.productName a {font-size: 110%;color: #444444;font-weight: bold; text-decoration: none;}
span.productName a:hover{font-size: 110%;color: #444444;font-weight: bold; text-decoration: underline;}

div.category_trail {margin-bottom:8px;background-color: #f4f4f4;padding: 3px 3px 3px 3px}
div.category_trail a {font-size: 110%;color: #999;font-weight: bold; text-decoration: none;}
div.category_trail a:hover{font-size: 110%;color: #444;font-weight: bold; text-decoration: underline;}
/******************************************************
		          FORMS AND MINI BOXES
*******************************************************/
div.address_form{font-size: 110%; width: 400px; background-color: #e7ffe8; border: 1px solid #00cc0a; padding: 15px;}
div.address{font-size: 110%; width: 200px; background-color: #e7ffe8; border: 1px solid #00cc0a; padding: 15px;}
div.shipping_cost{font-size: 110%; width: 200px; background-color: #ffd2d2; border: 1px solid #cd0000; padding: 15px;}

div.payment{font-size: 110%; max-width: 450px; background-color: #e7ffe8; background:url("../pics/box/product_bg_arrows.gif") no-repeat right top;border: 1px solid #00cc0a; padding: 15px;}
div.payment p {padding: 2px; text-align: left;}
div.payment p.login_submit {padding: 2px; text-align: right;}
div.payment label {width: 70px; padding: 2px; text-align: left;}
div.payment_form{font-size: 110%; max-width: 450px; background-color: #ffd2d2; border: 1px solid #cd0000; padding: 15px;}
div.payment_info{font-size: 110%; max-width: 450px; background-color: #ffffff; border: 1px solid #cd0000; padding: 15px; text-align: center}

table#payment_form {width: 100%;margin:0; border:0px solid #999}
table#payment_form tr td {padding:5px; border-bottom:1px solid #b2b2b2; height: 20px;}
table#payment_form tr td.payment {padding:5px; border: 0px; height: 35px;}
table#payment_form tr td.required {background: #ffeeee; border: 0px; height: 35px;}
table#payment_form tr td.payment_notice {background: #fff; border: 1px solid #cd0000; height: 35px; margin: 5px;}
span.red_text {color: #369} /* Now Blue */

div.login{font-size: 110%; max-width: 450px; backg/round-color: #ffffd6; backgr/ound:url("../pics/box/product_bg_arrows.gif") no-repeat right top;border: 6px solid #f4f4f4; padding: 15px;}
div.login p {padding: 2px; text-align: left;}
div.login p.login_submit {padding: 2px; text-align: right;}
div.login label {width: 70px; padding: 2px; text-align: left;}
div.login_form{font-size: 110%; max-width: 450px; background-color: #ffd2d2; border: 1px solid #cd0000; padding: 15px;}
div.login_info{font-size: 110%; max-width: 450px; background-color: #ffffff; border: 1px solid #cd0000; padding: 15px; text-align: center}

/******************************************************
		          LOGIN FORMS
*******************************************************/
div.new_customer_h{padding: 10px; height:35px; width: 250px;background: #2ab300;background:url("../pics/box/box_right.gif") no-repeat left top; border: 1px solid #114900; /*background: url(../pics/login/signup.gif) no-repeat top left;*/}
div.new_customer_h h1 {font-size: 150%; color: #fff; padding: 0px; text-align: center;text-decoration: none}
div.new_customer_h h1:hover {text-decoration: underline;}

div.new_customer_b{padding: 10px; height:35px; width: 250px;background: #4f88ff;background:url("../pics/table/bg_table.png") top; border: 1px solid #002164;}
div.new_customer_b h1 {font-size: 150%; color: #000; padding: 0px; text-align: center; text-decoration: none}
div.new_customer_b h1:hover {text-decoration: underline;}



/******************************************************
		          WYSIWYG EDITOR
*******************************************************/

/* Toolbar */
div#editor {width:400px; padding: 0px}
div#editor table tr td {padding:0; height: 5px; width:400px}

.toolbar1   { border: 1px solid #666666; height: 26px; padding: 0px; background-image: url(../code/icons/blue_bg.gif); }
.toolbar2   { border: 1px solid #666666; height: 24px; background-image: url(../code/icons/blue_bg.gif); border-bottom: 0px; border-top: 0px; }
/* Command Buttons */
.button     { width: 20px; height: 20px; border: 0px solid transparent; margin: 1px; padding: 0px; background: transparent; }
.buttonOver { width: 20px; height: 20px; border: 1px solid #999999; margin: 0; padding: 0px; }
/* Font Type and Size Drop Down */
.dropdown         { background-color: #FFFFFF; border: 1px solid #333333; height: 140px; overflow: auto; padding: 1px; }
button.mouseOver   { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 3px; cursor: default; text-align: left;}
button.mouseOut    { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 3px; cursor: default; text-align: left;}
/* CREATE TABLE POPUP */
/* Select Border Width/Type */
.on   { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 6px; width: 140px; cursor: default; height: 5px;}
.off  { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 6px; width: 140px; cursor: default; height: 5px;}
/* Select Shading/Border Color */
.selectColorTable  { border: 1px solid #7E7E81; background-color: #F7F7F7; padding: 1px; }
.selectColorBorder { border: 1px solid #F7F7F7; }
.selectColorOn     { border: 1px solid #999999; background-color: #CCCCCC; }
.selectColorOff    { border: 1px solid #F7F7F7; background-color: #F7F7F7; }
.selectColorBox    { border: 1px solid #fff; font-size: 1px; height: 13px; width: 13px; }


div#productMenuContent{background-color:#f4f4f4;border-bottom:1px solid black; padding:15px; margin: -2px 0 5px 0;  }
div#productMenuContent ul{margin: 0;padding: 0;}
/* make the top level links horizontal and position relative so that we can position the sub level */
div#productMenuContent ul li{ padding: 5px; display: inline; line-height:1.5em;}
div#productMenuContent ul li a:hover {font-size:14px; font-weight: bold}
div#productMenuContent ul li a, a:visited {}


.productFilter h1 {font-size:14px; padding:5px 0 0 3px}
.productFilter {}
div#productFilterDropdown {margin: 0 10px 5px 5px;padding: 8px;border: 1px #999 solid;height: 30px;background: #fff}

.tabContents{background: #fff}

table#topProducts {width: 100%;margin:0; border-top:1px solid #ebebeb; border-bottom:0px solid #ebebeb}
table#topProducts img {border:1px solid #999;}
table#topProducts tr td {padding:5px; border-bottom:1px solid #ebebeb;border-top:1px solid #fff; height: 35px; color: #888;}
table#topProducts tr td a{color: #777; font-size: 14px; text-decoration: none; font-weight: none; line-height: 14px}
table#topProducts tr td a:hover {background-color: #a7e078; color: #333; text-decoration: underline; font-weight: none;}
table#topProducts tr td {padding:5px; border-bottom:1px solid #ebebeb;border-top:1px solid #fff;  height: 35px; color: #888;}
table#topProducts tr td {background-color: #ffffff;padding:5px; border-bottom:1px solid #ebebeb;border-top:1px solid #fff;  height: 45px; color: #888;}

/******************************************************
		          instantfind_results
*******************************************************/
#instantfind_results {background: #f4f4f4; background: url("../pics/instant_find.gif") top left; border: 4px solid #ddd; padding-top: 33px; z-index: 11}
#instantfind_results ul {list-style: none;padding: 0;margin: 0;}
#instantfind_results li {text-align: left;list-style: none; list-style-position: outside; background: #fff; border-bottom: 0px solid #eee; padding: 5px; height: 40px}
#instantfind_results li img {float:left; margin-right: 5px; border: 1px solid #999}
#instantfind_results li a:link, a:visited, a:active {color: #888}
#instantfind_results li a:hover {color: #333; background: #a7e078}
#instantfind_results li.selected {list-style: none; background: #ecfedd;}


div#productMenuContent{background-color:#f4f4f4;border-bottom:1px solid black; padding:15px; margin: -2px 0 5px 0;  }
div#productMenuContent ul{margin: 0;padding: 0;}
/* make the top level links horizontal and position relative so that we can position the sub level */
div#productMenuContent ul li{ padding: 0; display: inline; line-height:1.5em;}
div#productMenuContent ul li a, a:visited {}


div#footer {padding-bottom: 28px; background: url(../gfx/borderBottom.gif) no-repeat}