/* CSS Document */

html,body {
	margin:0;
	padding:0;
}
body {
	background:url(images/bg_clouds.jpg) top left repeat;
	border-top:4px solid #d11f5f;
}

div#container {
	margin:0 auto; /* center, not in IE5 */
	width:980px;
}


/***************************************   Header Formatting   ********************************************/
div#header {
	padding:0;
	height:171px;
	background:url(images/bg_header.gif) top left no-repeat;
}

#navigation {
	text-align:left; 
	margin:63px 0 0 360px; padding:0 0 0 0;
	font-size: 14px; font-weight:normal;
	float:left;
}
#navigation ul{
	margin:0;
	padding:0;
	list-style:none;
}
#navigation li {
	margin:0;
	padding:0;
	float:left;
	height:31px;
}
* html #navigation li {
	width:10px; /* fix for IE width bug */
	overflow:inherit;
}
#navigation li a {
	margin:0;
	padding:0;
	height:31px;
	background:transparent url(images/nav_1.gif) top left no-repeat;
	text-decoration:none;
	border:0;
	display:block;
	color:#FFFFFF;
	cursor:pointer;
}
#navigation li.nav1 a { background-image:url(images/nav_1.gif); }
#navigation li.nav2 a { background-image:url(images/nav_2.gif); }
#navigation li.nav3 a { background-image:url(images/nav_3.gif); }
#navigation li.nav4 a { background-image:url(images/nav_4.gif); }
#navigation li.nav5 a { background-image:url(images/nav_5.gif); }

#navigation li a span {
	padding:7px 17px 0 17px;
	height:24px;
	display:block;
	background:transparent url(images/nav_1r.gif) top right no-repeat;
}
#navigation li.nav2 a span { background-image:url(images/nav_2r.gif); }
#navigation li.nav3 a span { background-image:url(images/nav_3r.gif); }
#navigation li.nav4 a span { background-image:url(images/nav_4r.gif); }
#navigation li.nav5 a span { background-image:url(images/nav_5r.gif); }

div#mainTop {
	padding:0;
	height:44px;
	background:url(images/bg_header_lower.gif) top left no-repeat;
}

/***************************************   Category Formatting   ********************************************/
#navleft {
	float:left; 
	margin-left:11px; 
	padding-bottom:120px;
	width:185px; 
}
#navleft h5 {
	margin: 10px 18px 6px 8px; padding:0;
	font-size:18px;	font-weight:bold;
	color:#000000;
}
#navleft ul {
	margin: 5px 0px 22px 0;	padding:0;
	list-style:none;
	font:bold 14px/24px verdana, Arial, Helvetica, sans-serif;
}
#navleft ul li  {
	margin:0;	padding:0;
	display:inline;
	font-weight:normal;
}
#navleft ul li a {
	width: 185px;  height:26px;
	display:block; margin-bottom:3px;
	text-decoration:none;
	color:#FFFFFF;
}
#navleft ul li.cat1 a, #navleft ul li.cat7 a { 	background:transparent url(images/tab1.gif) top left no-repeat; }
#navleft ul li.cat2 a { 	background:transparent url(images/tab2.gif) top left no-repeat; }
#navleft ul li.cat3 a { 	background:transparent url(images/tab3.gif) top left no-repeat; }
#navleft ul li.cat6 a { 	background:transparent url(images/tab4.gif) top left no-repeat; }
#navleft ul li.cat4 a { 	background:transparent url(images/tab5.gif) top left no-repeat; }
#navleft ul li.cat5 a { 	background:transparent url(images/tab6.gif) top left no-repeat; }
#navleft ul li.catspecial a { 	background:transparent url(images/tab-offers.gif) top left no-repeat; }

#navleft ul ul { 
	margin: 3px 0 9px 0px;
	font:bold 90%/16px verdana, Arial, Helvetica, sans-serif;
}
#navleft ul ul li a { color:#000000; height:auto; background-image:none !important; }
#navleft ul ul.cat1 li a, #navleft ul ul.cat7 li a { color:#c705b1; }
#navleft ul ul.cat2 li a { color:#0187ea; }
#navleft ul ul.cat3 li a { color:#d21f60; }
#navleft ul ul.cat6 li a { color:#6fb10f; }
#navleft ul ul.cat4 li a { color:#ec5c08; }
#navleft ul ul.cat5 li a { color:#7a09c4; }

#navleft ul li a:hover, #navleft ul ul li a:hover { color:#333333 }
#navleft li a span {
	display:block;
	padding:0 0 0 10px;
}
#miniBasket {
	background:url(images/shopping_cart.gif) top left no-repeat;
	width:185px; height:61px; display:block;
	margin-top:10px; margin-bottom:10px;
}
#miniBasket a {
	display:block;
	padding:30px 0 0 65px;
	background:url(images/shopping_cart.gif) top left no-repeat;
	width:125px; height:31px;
	text-decoration:none;
}
#search {
	display:block;
	padding:33px 0 0 15px;
	background:url(images/bg_search.gif) top left no-repeat;
	width:175px; height:58px;
}
#search input { border:1px solid #666; width:145px; margin:0 0 5px 0; }
#search input.button { width: 75px }

/***************************************   Content Formatting   ********************************************/
p.breadcrumb { 	font-size:80%; color:#999999; }
p.breadcrumb a { 	color:#ad84c6 !important; 	text-decoration:none; }
p.breadcrumb a:hover {	text-decoration:underline;}

div#main {
	background:url(images/bg_mainbox.gif) top left repeat-y;	
}
div#content {
	margin:0 0 0 190px; padding:10px 30px 10px 50px;
}


#topprod {
	float:right;width:210px; margin:0 -30px 0 25px;
}
#topprod h3 { background: url(images/bg_topprodhead.gif) top right no-repeat;
	margin:0;	padding:0;
	height:34px;
 }
#topprod ul {
	background: url(images/bg_topprod.gif) bottom right no-repeat;
	padding:5px 0 18px 0;	margin:0; 
	list-style:none;
}
#topprod li  {
	margin:0;	padding:0; clear:left;
}
#topprod li img { border:3px solid #454545; margin: 4px 8px 3px 5px; }
#topprod li a {
	width: 210px; 	display:block;
	background: transparent;	color:#FFFFFF;
	font-size:11px;	text-decoration:none;	text-align:left;
	line-height:1.1; 
}
#topprod li a:hover { color:#ccc }
#topprod li a span {
	display:block; min-height:42px;
	padding:6px 12px 5px 12px; margin:0 5px;
	border-top:1px dotted #E0E0E0;
}
#topprod li a em { color:#E0E0E0 !important }
#topprod li a:hover em { color:#454545 !important }


/***************************************   Footer Formatting   ********************************************/
div#footer {
	clear:both;
	height:20px;
	background:url(images/bg_footer_top.gif) top left no-repeat;
	padding:25px 0 0 20px;
	font-size:90%; color:#666666;
}