* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 18px;
    font-family: Arial, sans-serif;
    color: #000;
    background: #fff url(../images/bg.gif);
    text-align: left;
    padding: 40px 0 50px;
}

h2{ font: normal normal bold 18px/30px Arial, sans-serif; }
h3{ font: normal normal bold 18px/30px Arial, sans-serif; }
h4{ font: normal normal bold 14px/18px Arial, sans-serif; }

a img { border: 0; }
a { color: #dc1929; text-decoration: none; }
a:hover { text-decoration: none; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.shell { width:960px; margin: 0 auto;  }

/*CONTAINER*/
#container { background-color: #cccc99; height: 100%; }

/*HEADER*/
#header { height: 100%; }
	h1#logo { width:247px; height: 83px; padding: 12px 0 0 37px; float: left; display: inline; }
	h1#logo a { height: 83px; display: block; background: url(../images/logo.gif); }
	#search-bar { float: right; display: inline; width: 300px; padding: 23px 40px 0 0; height: 100%;}
	#search-bar p.phone { float: right; display: inline; width: 141px; height:25px; background: url(../images/phone.gif); margin-bottom: 8px; }
	#search-bar .search-input label,
	#search-bar .search-input span { float: right; display: inline;}
	#search-bar .search-input span { width: 123px; height: 24px; background: url(../images/input-field.gif);}
	#search-bar .search-input span input  { border: none; background: none; width: 112px; height: 16px; padding: 1px 2px 0 3px; }
	#search-bar .search-input label  { line-height: 19px; margin-right: 13px; font-size: 12px;}
	
	#navigation-section { width: 940px; height: 344px; padding: 8px 0; margin: 0 auto; background: url(../images/bg.gif); }
		#navigation { width: 922px; height:31px; background: url(../images/bg-light.gif); margin: 0 auto; }
		#navigation ul { list-style-type: none;	height: 31px; }
		#navigation ul li { float: left; display: inline; padding: 0 30px;}
		#navigation ul li.first { padding-left: 20px; }
		#navigation ul li.last { padding-right: 0; }
		#navigation ul li a { float: left; display: inline; font-size: 16px; line-height: 31px; height:31px; color: #ffffcc; position:relative;}
		#navigation ul li a.active span { position: absolute; width:22px; height: 27px; background: url(../images/star.png) no-repeat 0 0; right: -10px; top:2px;}
		
		#navigation-items { width: 922px; height: 303px; overflow: hidden; margin: 6px auto 0; }
			.nav-item { float: left; display: inline; margin-right: 10px; width: 300px; height: 100%; background: url(../images/bg-light.gif); }
			.nav-item-last { margin-right: 0;}	
			.nav-item h2 { margin-top: 28px;  }
			.nav-item h2.com-products { margin-left: 21px; width:265px; height:24px; background: url(../images/com-products.gif); }
			.nav-item h2.dock-floats { margin-left: 79px; width:144px; height: 24px; background: url(../images/dock-floats.gif); }
			.nav-item h2.rec-bin { margin-left: 68px; width:153px; height: 27px; background: url(../images/rec-bin.gif); }
			.nav-item a { width:280px; height: 209px; padding: 6px 0 0 6px; background: url(../images/img-border.gif); display: block; margin: 20px auto 0;}
			
			#innerpage #navigation-items { background: url(../images/bg-light.gif); }
			.nav-item-big {  }
			.nav-item-big h2.com-products { margin-top: 10px; margin-left: 19px; width:265px; height:24px; background: url(../images/com-products.gif); }
			.nav-item-big h2.recycle_title { margin-top: 10px; margin-left: 19px; width:265px; height:24px; background: url(../images/recycle_title.gif); }
			.nav-item-big h2.dock_title { margin-top: 10px; margin-left: 19px; width:265px; height:24px; background: url(../images/dock_title.gif); }
			.nav-item-big a { width:892px;  height: 235px; padding: 3px 0 0 3px; background: url(../images/product-holder-big.gif); display:block; margin: 10px auto 0; }

/*MAIN*/
#main { height: 100% }

	/*CONTENT*/
	#content { float: left; display: inline; width: 600px; padding-left: 30px; }
	#content p { padding-bottom: 20px; padding-left: 5px; }
	#content h3 { padding:30px 0 20px; }
			
	/*SIDEBAR*/
	#sidebar { float: right; display: inline; width: 249px; padding-right: 43px; height: 100%;}
	#sidebar .product-catalogues { border: 1px solid #b2b285; margin-top: 13px; padding: 30px; height: 100%; background: #cdcd9a url(../images/info-box-bg.gif) repeat-x 0 bottom; }
	#sidebar .product-catalogues h4 { padding-bottom: 15px; }
	#sidebar .product-catalogues .catalog-left { float: left; display: inline; width: 85px; text-align: center;}
	#sidebar .product-catalogues .catalog-right { float: right; display: inline; width: 85px; text-align: center; }
	#sidebar .product-catalogues .catalog-left p,		
	#sidebar .product-catalogues .catalog-right p { font-size: 11px; font-style: italic; }		
	#sidebar .product-catalogues p.more-info { padding-top: 10px; font-size: 12px; }
	#sidebar .product-catalogues a {display: block; }
			
	/*CATEGORIES*/
	#categories { width: 940px; margin: 10px auto; background-color: #fff; height: 100%; padding-bottom: 15px; }
		
		/*MENU*/
		#cat-menu { float: left; display: inline; width: 185px; background: url(../images/cat-menu-bg.gif) repeat-y 0 0; margin: 15px 0 0 10px; }
		#cat-menu p.title { width: 184px; height: 31px; background: url(../images/menu-title.gif); line-height:31px; text-align: center; font-size: 16px; text-transform: uppercase; color: #fff; }
		ul#menu { list-style-type: none; padding: 0 5px; }
		ul#menu li { border-bottom: 1px solid #ccc; padding: 5px 0; height: 100%; }
		ul#menu li.last { border-bottom: none; padding: 5px 0;  }
		ul#menu li a { display:block; padding: 0 20px; color: #333; background: url(../images/menu-item.gif) no-repeat 5px 3px; }
		ul#menu li a:hover,
		ul#menu li a.active { color: #cc0000; background: url(../images/menu-item-active.gif) no-repeat 5px 3px; }
		
		ul#menu	ul.submenu { list-style-type: none; padding: 5px 10px 5px 35px; display: none;  }
		ul#menu	ul.submenu li { border-bottom: 0; padding: 0; height: 100%;}
		ul#menu	ul.submenu li a { display:block; font-size: 12px; line-height: 14px; padding:0; background: none; height: 100%; }
		ul#menu	ul.submenu li a:hover { background: none; }
		
		#cat-menu .cat-menu-btm { height:11px; overflow: hidden; background: url(../images/cat-menu-btm.gif); }
		
		/*CATEGORIES CONTENT*/
		#cat-content { float: right; display: inline; width: 675px; margin: 20px 15px 0 0; }
		#cat-content h2 { background: url(../images/h2-bg.gif) repeat-x 0 15px; margin-bottom: 20px;}
		#cat-content h2 span { background-color: #fff; padding-right:5px; }
			/*CATEGORY ITEM*/
			#cat-content .item {  }
			#cat-content .item h3 { color: #cc0000; padding-bottom: 10px; }
				/*ITEM INFO*/
				#cat-content .item .item-info { width: 350px; float: left; display: inline; padding-left: 5px; }
				#cat-content .item .item-info-starcarts { width: 455px; }
				#cat-content .item .item-info-starcarts2 { width: 550px; }
				#cat-content .item .item-info p.features { background: url(../images/features.gif) no-repeat 0 0; line-height: 30px;  font-size: 16px; color: #cc0000; padding-left: 37px; font-weight: bold; }
				#cat-content .item .item-info .f-box { width: 347px; background: url(../images/f-box-bg.gif) repeat-y 0 0; }
				#cat-content .item .item-info .f-box-top { background: url(../images/f-box-top.gif) no-repeat 0 0; }
				#cat-content .item .item-info .f-box-btm { background: url(../images/f-box-btm.gif) no-repeat 0 bottom; padding:  10px 15px; }
				#cat-content .item .item-info .f-box-small { width: 219px; background: url(../images/f-box-small-bg.gif) repeat-y 0 0; }
				#cat-content .item .item-info .f-box-small-top { background: url(../images/f-box-small-top.gif) no-repeat 0 0; }
				#cat-content .item .item-info .f-box-small-btm { background: url(../images/f-box-small-btm.gif) no-repeat 0 bottom; padding:  10px 15px; }
				#cat-content .item .item-info .f-box ul { padding-left: 10px; }
				#cat-content .item .item-info .f-box ul li { font-size: 12px; }
				#cat-content .item .item-info .f-box-small ul { padding-left: 10px; }
				#cat-content .item .item-info .f-box-small ul li { font-size: 12px; }
				/*ITEM PICTURE*/
/*				#cat-content .item .item-pic { float: right; display: inline; width: 200px; padding-right: 40px; padding-top: 25px; }*/
				a.spring-platform { float: right; display: inline; width: 196px; height:150px; margin-right: 40px; margin-top: 25px; }
				a.mini-starcarts { float: right; display: inline; width: 148px; height:120px; margin-right: 40px; margin-top: 25px; }
				
				/*FEATURES TABLE*/
				table.t-features{ margin-top: 15px;} 
				table.t-features tr td{ background-color: #fff; border-left: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 9px; line-height: 12px; text-align: center; color: #333;} 
				table.t-features tr td.top-left span { background: url(../images/top-left.gif) no-repeat 0 0; width: 11px; height: 10px; float: left; display: inline; position: relative; top: -1px; left: -1px;} 
				table.t-features tr td.top-right span { background: url(../images/top-right.gif) no-repeat right 0; width: 11px; height: 10px; float: right; display: inline; position: relative; top: -1px; right: -1px;} 
				table.t-features tr td.top,
				table.t-features tr td.bottom { height:9px; font-size:0; line-height:0; } 
				table.t-features tr td.top { border-bottom:0; background-color: #ece8e8; } 
				table.t-features tr td.bottom { border-top:0; border-bottom: 1px solid #ccc;} 
				table.t-features tr td.header { border-top:0; background-color: #ece8e8; color: #000; } 
				table.t-features tr td.right { border-right:1px solid #ccc; } 
				table.t-features tr td.bottom-left span { background: url(../images/bottom-left.gif) no-repeat 0 0; width: 11px; height: 10px; float: left; display: inline; position: relative; bottom: -1px; left: -1px;} 
				table.t-features tr td.bottom-right span { background: url(../images/bottom-right.gif) no-repeat right 0; width: 11px; height: 10px; float: right; display: inline; position: relative; bottom: -1px; right: -1px;} 
	/*BOTTOM NAVIGATION*/
	.bottom-nav { text-align: center; padding: 10px 0;}
	.bottom-nav a { font-size: 11px; color: #666;  }
	.bottom-nav span { font-size: 11px; margin: 0 5px; color: #666;  }

/*FOOTER*/
#footer { height: 37px; background: url(../images/footer-bg.gif); }
#footer p { line-height: 37px; font-size: 12px; color: #cccc99;  }
#footer p.copyright { float: left; display: inline; padding-left: 33px;  }
#footer p.design-by{ float: right; display: inline; padding-right: 33px;  }
#footer p.design-by a{ color:#cccc99;}
#footer p.design-by a:active{ color:#cccc99;  }
#footer p.design-by a:hover{ color:#cccc99; text-decoration:underline;  }


.table-features { font-size:10px; line-height:12px; margin-top:15px; }
.table-features table{ background:#ccc; text-align: center; }
.table-features th { background:#ece8e8; padding:15px 5px; }
.table-features td { background:#fff; padding:10px 5px; }

.corners { font-size:0; line-height:0; position:relative; width:100%;}


.corners span { position:absolute; width:11px; height:10px; }

.corner-top-left 	{ background:url(../images/top-left.gif); }
.corner-top-right 	{ background:url(../images/top-right.gif);}
.corner-bottom-left { background:url(../images/bottom-left.gif); }
.corner-bottom-right{ background:url(../images/bottom-right.gif);}

.corner-top-left,
.corner-top-right { top:0; }

.corner-bottom-left,
.corner-bottom-right { top:-10px; }

.corner-top-left,
.corner-bottom-left { left:0; }

.corner-top-right,
.corner-bottom-right { right:0; }

.catheading {
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#CC0000;
		text-align:center;
}
.backtotop {
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#666633;
		text-align:right;
}
.backtotop a{
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#666633;
		text-align:right;
		text-decoration:none;
}
.backtotop a:active{
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#666633;
		text-align:right;
		text-decoration:none;
}
.backtotop a:hover{
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#666633;
		text-align:right;
		text-decoration:underline;
}