@charset "utf-8";
/* CSS Document */

body	{ background-color:#F57F21; margin:0x; font-family: "verdana", "arial", "tahoma"; font-size:11px;}

/*Text Styling*/
p		{ font-size:11px; color:#333333; line-height:1.5em;}

.orangeBold p {color:#F57F21; font-weight:bold;}

a	{color:#F57F21; text-decoration:none;}
a:hover	{color:#F57F21; text-decoration:underline;}

h1		{font-size:20px; color:#F57F21; margin:0;}
h2		{font-size:16px; margin:0;}
h3		{font-size:13px; margin:0;}
.h3		{font-size:14px; margin:0; font-weight:bold;}
.h4		{font-size:12px; margin:0; color:#666666; font-weight:bold;}
h4		{font-size:12px; margin:0; color:#666666; font-weight:bold;}
h5		{font-size:10px; font-weight:bold; margin:0; color:#F57F21;}



/*Useful Stuff*/
.Clear	{ clear:both;}
.Devide	{ width:100%; margin:5px 0 10px 0; border-bottom:solid #CCCCCC 1px;}
.right	{float:right;}
.left	{float:left;}
.button input	{width:auto;}
input	{font-size:12px; width:250px; color:#666666; font-weight:bold; padding:3px;}
textarea	{font-size:12px; width:250px; height:100px; color:#666666; padding:3px;}


.Button a	{width:121px; height:22px; padding:5px 0 0 10px; text-align:left; text-decoration:none; background:url(../images/template/button.jpg) no-repeat;  font-size:12px; display:block; color:#FFFFFF;}
.Button a:hover	{text-decoration:none; font-size:12px; display:block; background-position:-131px;}


/*Template Layout*/
#TemplateHolder{width:1049px; margin:20px auto; padding-bottom:20px;}
#Top	{width:1049px; height:13px; background:url(../images/template/top.jpg) no-repeat; float:left;}
#Nav	{width:954px; background: url(../images/template/contentBackground.jpg) repeat-y; float:left; padding-left:95px; }
#ContentHolder	{width:954px; background: url(../images/template/contentBackground.jpg) repeat-y; float:left; padding-left:95px; padding-bottom:20px; }
#Bottom1	{width:1049px; height:5px; background:url(../images/template/bottom1.jpg) no-repeat; float:left;}
#Bottom2	{width:1049px; height:120px; background: url(../images/template/bottom2.jpg) repeat-y; float:left;}
#Bottom3	{width:1049px; height:11px; background:url(../images/template/bottom3.jpg) no-repeat; float:left;}
.footer		{padding-left:40px;  float:left; padding-top:10px; line-height:1.5em;}
.footer a 	{text-decoration:none; color:#8B8B8B;}
.footer a:hover 	{text-decoration:underline; color:#666666;}
 
.logo	{margin:5px 0 10px 0; float:left;}
#breadcrumb	{font-size:11px; padding-bottom:5px; }
#Content	{float:left; width:683px; padding-left:15px;}


/*Navigation Layout*/

	/*Top Navigation menu*/


	#SiteSearch	{float:right; width:350px; height:64px; padding-top:45px; padding-right:110px;}
	.searches	{ width:150px; float:right; height:62px;}
	
	#ButtonHolder	{width:846px; height:31px; float:left; list-style:none; padding:0; margin-top:0; margin-bottom:0;  margin-left:0; padding-bottom:3px;}
	
	#ButtonHolder li	{width:104px; height:28px; margin-right:2px; display:inline; float:left; line-height:28px;  height:28px;}
	#ButtonHolder li a	{ width:104px; height:28px; display:block;}
	#ButtonHolder li a:hover	{text-decoration:none;} 
	
	
	#HomeButton a { background: url(../images/template/nav/home.jpg) no-repeat;}
	#HomeButton a:hover	{ background-position:-104px;}
	
	#StoresButton a { background: url(../images/template/nav/stores.jpg) no-repeat;}
	#StoresButton a:hover	{	background-position:-104px;}

	
	#MarineButton a { background: url(../images/template/nav/marine.jpg) no-repeat;}
	#MarineButton a:hover	{	background-position:-104px;}

	#PlantsButton a { background: url(../images/template/nav/plants.jpg) no-repeat;}
	#PlantsButton a:hover	{	background-position:-104px;}
	
	#FreshwaterButton a { background: url(../images/template/nav/freshwater.jpg) no-repeat;}
	#FreshwaterButton a:hover	{	background-position:-104px;}
	
	#SparesButton a { background: url(../images/template/nav/spares.jpg) no-repeat;}
	#SparesButton a:hover	{	background-position:-104px;}
	
	#FurtherInfoButton a { background: url(../images/template/nav/further.jpg) no-repeat;}
	#FurtherInfoButton a:hover	{	background-position:-104px;}
	
	#ContactButton a { background: url(../images/template/nav/contact.jpg) no-repeat;}
	#ContactButton a:hover	{	background-position:-104px;}
	
	/*Keep hover state*/
	
	#Nav li#StoresButton a.active { background-position:-104px; }
	#Nav li#MarineButton a.active { background-position:-104px; }
	#Nav li#PlantsButton a.active { background-position:-104px; }
	#Nav li#FreshwaterButton a.active { background-position:-104px; }
	#Nav li#FurtherInfoButton a.active { background-position:-104px; }
	#Nav li#ContactButton a.active { background-position:-104px; }

	
	#Nav li ul { display: none; position: relative; top: 1em; left: 0; width:140px;}
		
	/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	#Nav li>ul  { top: auto; left: auto;}

	/* lists nested under hovered list items */
	#Nav li:hover ul, li.over ul, #Nav li.sfhover ul  { display:block; 	 background:none; top:-2px; left:-39px; text-align:left;}
	#Nav li ul li { display:block; height:28px; width:140px;  background:#F57F21;  }
	#Nav li ul li a {color:#FFFFFF; font-size:10px; background:none; text-decoration:none; width:130px; padding-left:10px;  font: Arial, Helvetica, sans-serif;}
	#Nav li ul li a:hover { text-decoration:underline;  background:none; }
	
	
	.subBottom	{width:140px; height:3px; background:url(../images/template/nav/subBottom.png) no-repeat;  float:left;  line-height:3px; padding-left:0;}

	
	/*Left Navigation Shortcuts*/
	
	#LeftNav	{width:150px; float:left; margin-bottom:10px;}
	.LeftNavItem	{width:150px; float:left; padding-bottom:5px;}
	#stayInformed	{width:145px; float:left; height:67px; padding:20px 0 3px 5px; background:url(../images/template/signupB.jpg) no-repeat;}
	
	.LeftNavItem .freshwater a	{background:url(../images/template/freshwater.jpg) no-repeat; display:block; height:80px;}
	.LeftNavItem .freshwater a:hover	{ background-position:-150px;}

	.LeftNavItem .marine a	{background:url(../images/template/marine.jpg) no-repeat; display:block; height:80px;}
	.LeftNavItem .marine a:hover	{ background-position:-150px;}

	.LeftNavItem .plant a	{background:url(../images/template/plant.jpg) no-repeat; display:block; height:80px;}
	.LeftNavItem .plant a:hover	{ background-position:-150px;}
	
	.LeftNavItem .aquaTube a	{background:url(../images/template/aquaTube.jpg) no-repeat; display:block; height:60px;}
	.LeftNavItem .aquaTube a:hover	{ background-position:-150px;}
	
	.LeftNavItem .brochure a	{background:url(../images/template/downloadbrochures.jpg) no-repeat; display:block; height:50px;}
	.LeftNavItem .brochure a:hover	{ background-position:-150px;}
	
	.LeftNavItem .advice a	{background:url(../images/template/advice.jpg) no-repeat; display:block; height:60px;}
	.LeftNavItem .advice a:hover	{ background-position:-150px;}
	
	.LeftNavItem .signUp a	{background:url(../images/template/signUpB.jpg) no-repeat; display:block; height:60px;}
	.LeftNavItem .signUp a:hover	{ background-position:-150px;}
	
	.LeftNavItem .download a	{background:url(../images/template/downloadbrochure.jpg) no-repeat; display:block; height:60px;}
	.LeftNavItem .download a:hover	{ background-position:-150px;}

	.LeftNavItem .upload a	{background:url(../images/template/upload.jpg) no-repeat; display:block; height:60px;}
	.LeftNavItem .upload a:hover	{ background-position:-150px;}
	
		
/*Homepage*/
#welcome	{width:680px; height:189px; padding-bottom:10px; float:left;}
#homeProdShow	{width:337px; padding-bottom:10px; padding-right:6px; float:left;}
#homeEveryday	{width:337px; padding-bottom:10px; float:left;}
.rightNav		{float:right; width:147px; height:58px; display:block; padding:65px 105px 0 7px; margin-top:5px;  clear:right;  margin-right:3px;  text-decoration:none;}
.rightNav:hover		{ text-decoration:none;}
#whatsNewHome 	{width:410px; float:left; height:379px;}
#whatsNewHome p {margin:0; font-size:10px; color:#6E6E6E;}
#whatsNewHome a { text-decoration:none; color:#F57F21;}
#whatsNewHome a:hover { text-decoration:underline;}
	
/*Databanks*/
#databHolder	{width:440px; float:left; padding-bottom:10px;}
#databHolderR	{ float:right; width:198px; padding-top:56px; padding-bottom:10px;}
#databLeft	{float:left; width:152px;}
.databLeft	{font-weight:bold; border:0;}
.databRight	{border:0;}
#databRight	{float:left; width:252px; border:0;}
#databHolder select	{font-size:12px; padding:3px;}

.databInfoHolder	{ width:460px; float:left;  }
.databInfoLeft	{ float:left; width:130px; padding-right:10px; font-weight:bold; line-height:1.5em; padding-bottom:10px;}
.databInfoRight	{ float:right; width:300px; padding-left:10px; border-left:#CCCCCC 1px solid; line-height:1.5em; padding-bottom:10px;}

/*Articles*/
.notation	{padding-left:15px; padding-top:1px; float:left; font-size:9px; width:69px; padding-right:1px; padding-bottom:3px;}
.ArticleThumb a	{padding:0 6px 3px 0; float:left;}

/*Store Locator*/
	
#StoreLocContent	{width:100%;}
#StoreLocContent a {color:#333333;}
#StoreLocContent h4	{color:#333333;}

/*Individual Store Layout*/

#StoreLeft		{width:120px; float:left; padding-right:20px;}
#StoreMiddle	{width:300px; float:left;display:block; padding-right:20px;}
#StoreRight		{width:170px; float:left;display:block;}
#StoreImages	{width:665px; float:left; clear:both; padding-top:10px;}
#StoreMasterImage	{width:360px; height:270px; padding-right:6px; float:left;}
.StoreThumb a	{padding:0 6px 6px 0; float:left;}

table td	{ vertical-align:top;}

/*Gallery*/
.galleryThumb {padding:0 0 4px 6px; display:block;}
.galleryMain	{float:left;}	

/*Whats New*/

.whatsNew	{padding-bottom:20px; padding-top:20px; border-bottom:1px #999999 solid;}

/*Product Showroom*/
.showroomImage	{width:141px; padding-right:5px; float:left; padding-top:15px;}
#showroomLeft	{width:255px; float:left; padding-bottom:10px; text-align:center;}
#showroomRight	{width:300px; float:left; padding-bottom:10px;}
.showroomTitle	{width:150px; height:40px; text-align:center; padding:0 5px 0 5px;}
#showroomBorder	{float:left; padding:10px;}
.pricing		{width:80px; float:left; padding-right:15px;}

.showroomSelect			{float:left; width:216px;}
.showroomFreshwater a	{display:block; height:178px; width:216px; float:left; background:url(../images/prodShowroom/freshwater_ps.jpg) no-repeat; margin-right:15px;}
.showroomFreshwater a:hover	{ background-position:-216px; text-decoration:none;}

.showroomMarine a	{display:block; height:178px; width:216px; float:left; background:url(../images/prodShowroom/marine_ps.jpg) no-repeat; margin-right:16px;}
.showroomMarine a:hover	{ background-position:-216px; text-decoration:none;}

.showroomPlant a	{display:block; height:178px; width:216px; float:left; background:url(../images/prodShowroom/plant_ps.jpg) no-repeat;}
.showroomPlant a:hover	{ background-position:-216px; text-decoration:none;}

.showroomFreshwater a h3	{color:#FFFFFF; padding-top:130px; padding-left:15px; font-size:16px; }
.showroomFreshwater a h4	{color:#FFFFFF; margin:0; padding-left:15px; font-size:13px;}

.showroomMarine a h3	{color:#FFFFFF; padding-top:130px; padding-left:15px; font-size:16px;}
.showroomMarine a h4	{color:#FFFFFF; margin:0; padding-left:15px; font-size:13px;}

.showroomPlant a h3	{color:#FFFFFF; padding-top:130px; padding-left:15px; font-size:16px;}
.showroomPlant a h4	{color:#FFFFFF; margin:0; padding-left:15px; font-size:13px;}


#Sort	{float:right; width:200px; border:#CCCCCC 1px dashed; background:#F7F7F7; padding:5px;}

/*Advice*/

#adviceQuestion a	{color:#008FC6; text-decoration:underline; font-size:12px;}

/*Downloads*/
.downloadPDF { width:163px; float:left; padding:0 25px 10px 0;}