body {
	background-color:#FFFFFF;
	text-align:center;
}

/*category navigation styles */
body {
	behavior: url(/themes/default/csshover.htc);
}
#categoryNav ul {
	margin:0;
	padding:0;
}

#categoryNav ul a:hover {
	color:#000000;
	text-decoration: none;
	background-color:#CCCCCC;
}

/* top level categories */
#categoryNav ul {
	list-style: none;
	width: 189px;
}
#categoryNav ul li {
	border-bottom:1px dotted #666666;
	float: left;
	position: relative;
	background-image:url(images/browse_cat_bg_1.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:3px;
}
#categoryNav ul a {
	color:#666666;
	text-decoration: none;
	display: block;
	padding: 5px 5px 5px 30px;
	width: 151px;
}

/* second level and above */
#categoryNav ul li ul {
	list-style: none;
	position: absolute;
	left: 180px;
	top:0;
	display: none;
	width: 140px;
	border:1px solid #666666;
	/*border-top:1px solid #666666;*/
}
#categoryNav ul li ul li {
	background-image:none;
	padding-left:0;
	/*border-bottom:none;
	border-left:1px solid #666666;
	border-top:none;
	border-right:1px solid #666666;
	*/
	border:0;
	background-image:url(images/hover_arrow2_black.gif);
	background-position:right center;
}
#categoryNav ul li ul a {
	color:#666666;
	text-decoration: none;
	display: block;
	padding: 5px 5px 5px 10px;
	width: 125px;
	background-color:#E6E6E6;
}

/* third level and above */
#categoryNav ul li ul li ul {
	position: absolute;
	left: 140px;
	top: 0;
	display: none;
	width: 140px;
	border:1px solid #666666;
}

#categoryNav ul li:hover a { z-index:1000; }

/* first level */
#categoryNav ul li:hover ul { display: block; z-index:100; top:-1px;}
#categoryNav ul li:hover ul li ul { display: none; }
#categoryNav ul li ul li:hover ul { display: block; }
/* give it a arrow at the begining of the a tag */
#categoryNav ul li:hover a { list-style-type:none; background-image:url(images/hover_arrow.gif); background-repeat:no-repeat; background-position:left center; color:#000000; }
#categoryNav ul li:hover ul a { background-image:none; }
/* give all decentent a tag a grey arrow*/
#categoryNav ul li:hover ul .hasChild  { background-image:url(images/hover_arrow2_black.gif); background-repeat:no-repeat; background-position:right center; color:#000000; }

/* second level */
#categoryNav ul li ul li:hover ul  { display: block; z-index:100; }
#categoryNav ul li ul li:hover ul li ul { display: none; }
#categoryNav ul li ul li ul li:hover ul { display: block; }
#categoryNav ul li ul li:hover ul a { background-image:none; }
/* give the hovering a tag a blue arrow, but doing that, all other decendent a will have have blue array, hence the next line, we reset all other decentent to black arrow*/
#categoryNav ul li ul li:hover .hasChild { background-image:url(images/hover_arrow2_blue.gif); background-repeat:no-repeat; background-position:right center; color:#000000; }
#categoryNav ul li ul li:hover ul .hasChild { background-image:url(images/hover_arrow2_black.gif); background-repeat:no-repeat; background-position:right center; color:#000000; }

/* third level */
#categoryNav ul li ul li ul li:hover ul  { display: block; z-index:100; }
#categoryNav ul li ul li ul li:hover ul li ul { display: none; }
#categoryNav ul li ul li ul li ul li:hover ul { display: block; }
#categoryNav ul li ul li ul li:hover ul a { background-image:none; }
#categoryNav ul li ul li ul li:hover .hasChild { background-image:url(images/hover_arrow2_blue.gif); background-repeat:no-repeat; background-position:right center; color:#000000; }
#categoryNav ul li ul li ul li:hover ul .hasChild { background-image:url(images/hover_arrow2_black.gif); background-repeat:no-repeat; background-position:right center; color:#000000; }

/* forth level */
#categoryNav ul li ul li ul li ul li:hover ul  { display: block; z-index:100; }
#categoryNav ul li ul li ul li ul li:hover ul li ul { display: none; }
#categoryNav ul li ul li ul li ul li ul li:hover ul { display: block; }
#categoryNav ul li ul li ul li ul li:hover ul a { background-image:none; }
#categoryNav ul li ul li ul li ul li:hover .hasChild { background-image:url(images/hover_arrow2_blue.gif); background-repeat:no-repeat; background-position:right center; color:#000000; }
#categoryNav ul li ul li ul li ul li:hover ul .hasChild { background-image:url(images/hover_arrow2_black.gif); background-repeat:no-repeat; background-position:right center; color:#000000; }


/* doing the bar styles */
#categoryNav ul .bar1 {
	background-image:url(images/browse_cat_bg_1.jpg);
}
#categoryNav ul .bar2 {
	background-image:url(images/browse_cat_bg_2.jpg);
}
#categoryNav ul .bar3 {
	background-image:url(images/browse_cat_bg_3.jpg);
}
#categoryNav ul .bar4 {
	background-image:url(images/browse_cat_bg_4.jpg);
}
#categoryNav ul .bar5 {
	background-image:url(images/browse_cat_bg_5.jpg);
}
#categoryNav ul .bar6 {
	background-image:url(images/browse_cat_bg_6.jpg);
}
#categoryNav ul .bar7 {
	background-image:url(images/browse_cat_bg_7.jpg);
}
#categoryNav ul .bar8 {
	background-image:url(images/browse_cat_bg_8.jpg);
}
#categoryNav ul .bar9 {
	background-image:url(images/browse_cat_bg_9.jpg);
}
#categoryNav ul .bar0 {
	background-image:url(images/browse_cat_bg_10.jpg);
}

/* end category navigation */




/* page navigation */

#pagenavdiv {
	width:187px;
	background-color:#ecebea;
	background-image:url(images/pagenav_bg.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#pagenavheader {
	background-image:url(images/handy_tools_header.jpg);
	background-repeat:no-repeat;
	width:187px;
	height:34px;
}
#thawte {
	background-image:url(images/thawte.png);
	background-repeat:no-repeat;
	background-position:10px 7px;
	width:175px;
	height:86px;
	text-align:right;
	padding-top:5px;
}
#pagenavdiv a {
	color:#5a5a59;
	font-size:10px;
}
#pagenavdiv ul {
	margin:0;
	padding:0;
	list-style:none;
}
#pagenavdiv ul {

	padding:12px 0px 30px 20px;
	min-height:263px;
	color:#c2ad77;
	
}
* html #pagenavdiv ul {
	height:263px;
}
#pagenavdiv ul li {
	padding-bottom:5px;
}

#pagenavdiv ul li ul {
	padding:0px 0px 0px 5px;
	min-height:0;
	
}
* html #pagenavdiv ul {
	height:0;
}
#pagenavdiv ul li li {
	padding-bottom:0px;
}
#pagenavdiv a:hover {
	color:#c2ad77;
}

/* give the li of the first level a gradient ackground 
#pagenavdiv ul li {

	padding:10px 0px 0px 25px;
	min-height:263px;
	color:#c2ad77;
	
}
* html #pagenavdiv ul li {
	height:263px;
}
#pagenavdiv ul li a {
	color:#c2ad77;
	font-size:11px;
	
}
* html #pagenavdiv ul {
	height:24px;
}
*/

/* no more background on second level + 
#pagenavdiv ul li ul li  {
	background-image:none;
	padding:0;
	margin:0;
	color:#FFFFFF;
	min-height:0;
}
#pagenavdiv ul li ul li a {
	color:#FFFFFF;
	font-size:11px;
}
* html #pagenavdiv ul li ul li {
	height:0px;
}
*/
/* for first level first child and last child, need some padding top and bottom
#pagenavdiv ul li ul .level1.firstchild  {
	padding-top:20px;
}
#pagenavdiv ul li ul .level1.lastchild  {
	padding-bottom:10px;
}

#pagenavdiv ul li ul li ul .firstchild  {
	padding-top:0px;
}
#pagenavdiv ul li ul li ul .lastchild  {
	padding-bottom:0px;
}
#pagenavdiv ul li ul li ul li {
	padding-left:10px;
}
*/

/* end page navigation */ 



/* styling the blocks */

.blockmaintitle {
	font-size: 11px;
	color: #C2AD77;
	height:30px;
	padding:5px 5px 0px 15px;
}
.blocktitle {
	font-size: 12px;
	color:#FFFFFF;
	padding:10px 5px 0px 15px;
}
.blocktext {
	color:#FFFFFF;
	padding:2px 5px 0px 15px;
}
.blockdate {
	padding:0px 5px 0px 15px;
	font-size:11px;
}
.blockfooter {
	height:12px;
}
.block {
	background-image:url(images/block_bg.jpg);
	background-repeat:repeat-x;
	min-height:160px;
	background-color:#151515;
	width:186px;
	padding-bottom:10px;
}
.block a {
	text-decoration:none;
	color:#FFFFFF;
	font-size:10px;
}
.block td {
	color:#FFFFFF;
	font-size:10px;
	padding:2px 5px 2px 15px;
}

/* end blocks */




/* style for search form */

#searchForm {
	padding-top:10px;
	padding-left:20px;
}
* html #searchForm {
	padding-top:15px;
}
#searchForm td {
	font-size:10px;
	text-align:left;
}
#searchForm .heading {
	color:#FFFFFF;
	font-size:12px;
}
#searchForm .keyword, #quickSearch .keyword, #searchForm .category {
	width:150px;
	border:1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#searchForm .category {
	width:112px;
}

/* end style for search form */

/********* QUICK LOOKUP SEARCH FORM *************/

#quickSearch {
	padding-top:26px;
	padding-left:20px;
}
	.suggestionsBox {
		position: relative;
		left: 30px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #fff;
		z-index:10000;
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
		max-height:200px;
		overflow:auto;
	}
	
	.suggestionList ul {
		margin:0;
		padding:0;
		list-style-type:none;
		list-style-position:outside;
	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 0;
		padding: 3px;
		cursor: pointer;
		list-style-type:none;
		list-style-position:outside;
		color:#fff;
	}
	
	.suggestionList li:hover {
		background-color: #659CD8;
	}

	#inputString {
		background-position:right;
		background-repeat:no-repeat;
	}
/* end style for quick search form */


/* feature home products */

.feature_panel {
	background-image:url(images/home_prod_bkgd_btm.jpg);
	background-repeat:no-repeat;
	background-position:left 46px;
}

.feature_panel td {
	color:#4c4c4c;
}

.feature_summary ul {
	padding:0;
	/*margin:0;*/
}
.feature_summary p {
	margin:0;
	padding:0;
	font-style:normal;
}
td.feature_price {
	font-size:14px; color:#dc3731;
	padding-left:10px;
	font-weight:bold;
	font-style:normal;
}
.feature_title {
	background-image:url(images/home_prod_bkgd_rpt.jpg);
	background-repeat:repeat-y;
	font-style:normal;
}

.feature_title table {
	background-image:url(images/home_prod_bkgd_top.jpg);
	background-repeat:no-repeat;
	
}

.feature_summary, .feature_title table tr td {
	padding:0 5px;
	
}

.feature_title a {
	text-decoration:none;
	color:#4c4c4c;
	font-size:12px;
	font-weight:bold;
}

/* end of feature home products */



/* products 

.productitem {
	background-image:url(images/product_item_bg.jpg);
	background-repeat:repeat-x;
	height:148px;
}
.productitem a {
	text-decoration:none;
	color:#000000;
	font-size:13px;
}
.productprice {
	font-size:13px;
	color:#FF0000;
	height:59px;
	padding-left:5px;
}
.productprice .rrp {
	color:#000000;
	font-size:11px;
}
.productsummary {
	text-align:left;
	height:61px;
	padding-left:5px;
}
.producttitle {
	padding:0;
	color:#000000;
	font-size:13px;
	text-align:center;
	width:188px;
	height:25px;
}
.productimage {
	height:123px;
	vertical-align:bottom;
}
.productbundle {
	text-align:center;
}
.categoryicon {
	padding-bottom:15px;
}
.productbasket {
	height:59px;
	padding-right:25px;
	text-align:right;
}
.productdivider {
	width:100%;
	height:5px;
}
*/

.listing_icon {
	padding:5px 10px;
}
.product_listing_divider {
	/*padding:3px 5px 0px 5px;*/
	border-bottom:1px solid #d2d1d0;
}
#listing_page_nav a {
	text-decoration:none;
	color:#0476cd;
}
.acceesoriesmore a {
	color:#0476cd;
	text-decoration:underline;
}
.listingImage {
	margin:auto;
}

/* feature products */
.featureproductitem {
	width:182px;
}
.featureproductitem.col0 {
	float:left;
}
.featureproductitem.col1 {
	float:right;
}
.featureproductitem.col2 {
	margin:auto;
}
.featureproductitem a {
	text-decoration:none;
	color:#000000;
	font-size:13px;
}
.featureproductitem .buybtn {
	float:right;
	padding-right:15px;
}
.featureproductitem .price {
	float:left;
	font-size:13px;
	font-weight:bold;
	color:#FF0000;
	padding-top:3px;
	padding-left:10px;
}
.featureproductitem .summary {
	text-align:left;
	margin:0;
	padding:4px;
	padding-left:10px;
}
.featureproductitem .title a {
	padding:0;
	color:#333333;
	font-size:11px;
	text-align:left;
	font-weight:bold;
}
.featureproduct_divider {
	clear:both;
	padding:5px;
}


.categorylanding {
	width:171px;
	height:243px;
	background-image:url(images/landing_panel_bg.jpg);
	background-repeat:no-repeat;
}
.categorylandingheader {
	width:161px;
	text-align:left;
	color:#000;
	font-weight:bold;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
}

.categorylandingheader a {
	color:#000;
}
.categorylandingcontent {
	padding:0px 5px;
	width:159px;
	text-align:left;
}
.categorylandingmore {
}
.categorylandingmore a {
	text-decoration:none;
	color:#FFFFFF;
}

/* end products */


.modulesummary {
	float:left;
}
.clear.divider {
	padding:20px;
}
.modulemaintitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #73530d;
}
.moduletitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #73530d;
	font-weight: bold;
	line-height: 140%;
}
.moduletitle a {
	text-decoration:none;
	/*color: #73530d;*/
}
.moduleheading1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #73530d;
	font-weight: bold;
	line-height: 140%;
}
.moduledate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
}
.modulesummary {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	padding-bottom: 5px;
}
.moduletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
}
.moduledivider {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #73530d;
	margin-bottom: 5px;
}




/* drop the second level ul down */

.sitename {
	font-size: 24px;
	color: #73530d;
	padding: 3px;
}

.pageheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#fff;
	/*border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color:green;
	*/
	margin-bottom: 5px;
	padding:10px 0px 15px 5px;
}

.right {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	border: 0px none;
}
.left {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 0px none;
}

a.topnav:link, a.topnav:visited, a.topnav:active {
	color: #FFFFFF;
	text-decoration: none;
}
a.topnav:hover {
	color: #CCCCCC;
	text-decoration: none;
}

a.sidenav:link, a.sidenav:visited, a.sidenav:active{
	font-weight: normal;
	color: #73530d;
	text-decoration: none;
	font-size: 12px;
	line-height: 100%;
}
a.sidenav:hover {
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	color: #000000;
}

a.footernav:link, a.footernav:visited, a.footernav:active {
	color: #000000;
	text-decoration: none;
}
a.footernav:hover {
	color: #000000;
	text-decoration: underline;
}

.sidenavdivider {
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #73530d;
}

.maintable {
	border-right-width: medium;
	border-left-width: medium;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	background-color: #FFFFFF;
}

.maintablefullwidth {
	background-color: #FFFFFF;
}

.leftcolumn {
	background-color: #FFE8DF;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #73530d;
	width: 130px;
}

.maincolumn {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}


.rightcolumn {
	background-color: #FFE8DF;
	border-left-width: thin;
	border-left-style: dotted;
	border-left-color: #73530d;
	padding: 5px;
	width: 200px;
}

.footer {
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #73530d;
	background-color: #FFE8DF;
	padding: 5px;
	font-size: 10px;
	line-height: 100%;
}




#current a {
	color: #FFFFFF !important;
	/*/*/background-color: #999999 !important;
	border: 2px dotted #999 !important; /* */
}

#minicart {
	font-size: 10px;	
}

.entryTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #DDDDDD;
}

.entryTableHeader {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	color:#FFFFFF;
	font-weight: bold;
	background:#2399d4;
	background-image:url(images/blue_header_rpt.png);
	background-repeat:repeat-x;
}
.entryTableHeader td {
	color:#FFFFFF;
}
.cartrow1 td {
	background-color:#efefef;
}

.entryTable .label {
	background-color: #EFEFEF;
}

.entryTable .content {
	background-color: #FFFFFF;
}


.infoTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #DDDDDD;
}

.infoTableHeader {
	font-family: "Courier New", Courier, mono;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #7F92A4;
	font-weight: bold;
	background-position: center;
}

.infoTable .label {
	background-color: #EFEFEF;
}

.infoTable .content {
	background-color: #FFFFFF;
}

.box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #336699;
}

.notice {
	color: #996600;
	font-weight: bold;
}

#errorMessage {
	color: #990000;
	font-weight: bold;
}

form {
	margin:0;
	padding:0;
}

.viewthumb {
	background:#FFFFFF;
}


span.backward_btn span.btn_left {
	background-image:url(images/backward_btn_left.png);
	background-repeat:no-repeat;
	display:inline-block;
}

span.backward_btn span.btn_right, span.normal_btn span.btn_right {
	background-image:url(images/backward_btn_right.png);
	background-repeat:no-repeat;
	background-position:top right;
	display:inline-block;
	height:32px;
}

span.forward_btn span.btn_left, span.normal_btn span.btn_left {
	background-image:url(images/forward_btn_left.png);
	background-repeat:no-repeat;
	display:inline-block;
}

span.forward_btn span.btn_right {
	background-image:url(images/forward_btn_right.png);
	background-repeat:no-repeat;
	background-position:top right;
	display:inline-block;
	height:32px;
}

span.forward_btn, span.backward_btn, span.normal_btn {
	background-image:url(images/forward_btn_bg.png);
	background-repeat:repeat-x;
	display:inline-block;
}

span.forward_btn span span input, span.forward_btn span span a {
	text-align:center;
	border:0px;
	background:transparent;
	color:#fff;
	padding:1px 20px 0 5px;
	display:inline-block;
}

span.backward_btn span span input, span.backward_btn span span a {
	text-align:center;
	border:0px;
	background:transparent;
	color:#fff;
	padding:1px 5px 0 20px;
	display:inline-block;
}

span.normal_btn span span input {
	text-align:center;
	border:0px;
	background:transparent;
	color:#fff;
	padding:1px 10px 0 10px;
}

span.normal_btn a{
	color:#fff;
	text-decoration:none;
	padding:2px 10px;
	display:inline-block;
}

#compform {
	background-image:url(images/compform_top.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	font-size:16px;
	padding:40px 20px 0;
}

#compform label {
	display:block;
	margin-top:10px;
}

#compform #part1 p {
	margin:3px 0;
}

#compform #part1 p span {
	display:inline-block;
	width:16px;
}

#compform #part2 {
	padding-right:270px;
	background-image:url(images/compform_right_bg.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}

#compform .textinput {
	font-size:16px;
	border:1px solid #000;
	width:100%;
	font-family:Arial,Helvetica,sans-serif;
}

#compform textarea {
	height:70px;
}

#w_count {
	font-size:12px;
	margin:0 0 3px 0;
	text-align:right;
}

#compform #errorMsg {
	background:#f00;
	color:#fff;
	font-weight:bold;
	text-align:center;
}